提交

src/view/SilkRoadSpringFestivalGala/index.vue

@@ -87,7 +87,7 @@ document.title = "多彩丝路中国年 | 2023新年开运色";
  * window.$originData.orginParames.parameters 固定参数值
  * window.$originData.urlParames url参数
  */
-const page = ref("first");
+const page = ref("six");
 // let first_text = ['"大美中国·多彩丝路"', "2023丝路春晚 联名限定"];
 // for (let i = 0; i < first_text.length; i++) {
 //   first_text[i] = first_text[i].split("");

src/view/SilkRoadSpringFestivalGala/pages/eight.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="eight">
+    <img
+      src="https://cxzx.smcic.net/topic/tool/img/ffk.png"
+      style="width: 60vw; display: block; margin: 0 auto 6px auto"
+    />
     <div class="headText">
       <p>2023丝路嘉年华暨丝路春晚</p>
       <p>携手长安花小榨菜籽油、长武苹果</p>
@@ -28,6 +32,34 @@
         </van-image>
       </van-col>
     </van-row>
+    <van-row style="background: #fff">
+      <van-col span="12">
+        <van-button
+          class="btns"
+          color="#eeb562"
+          round
+          plain
+          hairline
+          size="small"
+          type="primary"
+          url="https://shop97096255.m.youzan.com/v2/showcase/homepage?kdt_id=96904087&sf=qq_sm&is_share=1&shopAutoEnter=1&share_cmpt=native_wechat&from_uuid=756e1ce7-fafe-b14e-ba29-ab4dd9223ac8&is_silence_auth=1"
+        >
+          进店逛逛
+        </van-button>
+      </van-col>
+      <van-col span="12">
+        <van-button
+          color="#eeb562"
+          class="btns"
+          round
+          type="primary"
+          size="small"
+          @click="mygift"
+        >
+          我的奖品
+        </van-button>
+      </van-col>
+    </van-row>
     <van-notice-bar
       color="#000000"
       background="#ffffff"
@@ -35,23 +67,19 @@
       :scrollable="false"
       text="点击下方小视频，给手气充能，增加一次抽奖机会！"
     />
-    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
-      <van-swipe-item>
-        <div class="vieoPlay">
-          <van-icon
-            name="play-circle-o"
-            @click="() => playVideo()"
-            color="#ffffff"
-            class="play"
-            size="40"
-          />
-          <img
-            style="width: 100%"
-            src="https://cxzx.smcic.net/topic/tool/img/videoImg.jpg"
-          />
-        </div>
-      </van-swipe-item>
-    </van-swipe>
+    <div class="vieoPlay">
+      <van-icon
+        name="play-circle-o"
+        @click="() => playVideo()"
+        color="#ffffff"
+        class="play"
+        size="40"
+      />
+      <img
+        style="width: 100%"
+        src="https://cxzx.smcic.net/topic/tool/img/videoImg.jpg"
+      />
+    </div>
   </div>
 </template>
 <script setup>
@@ -149,6 +177,25 @@ function draw() {
   }, 200);
 }
 
+function mygift() {
+  showConfirmDialog({
+    title: "奖品",
+    confirmButtonText: "关闭",
+    message: () => {
+      return (
+        <div>
+            <van-card
+            num="1"
+            title="商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题"
+            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
+            />
+        </div>
+      );
+    },
+    showCancelButton: false,
+  });
+}
+
 function playVideo() {
   let url = "https://cxzx.smcic.net/topic/tool/media/ad.mp4";
   if (Math.random() >= 0.5)
@@ -168,11 +215,16 @@ defineExpose({
   background-color: #fff;
   position: relative;
 
+  .btns {
+    margin: 0 auto;
+    display: block;
+    width: 10em;
+  }
   .headText {
     text-align: center;
     font-size: 14px;
     width: 100vw;
-    line-height: 1.5em;
+    line-height: 2em;
   }
   .luckDraw {
     $background: #00000040;