到店好礼模块静态

2024-08-09 11:51:14 +08:00
parent 5c2713ae31
commit 20193665a0
2 changed files with 29 additions and 3 deletions
@@ -1,4 +1,4 @@
-<link rel="stylesheet" href="/css/h5/market/sytopic/h5.css?20240809">
+<link rel="stylesheet" href="/css/h5/market/sytopic/h5.css?2024008">
 <body>

 <div id="app" style="min-height: 100vh;background-color:<?= $info['bgColor'] ?: '#f6f6f6' ?>" class="relative">
@@ -124,7 +124,33 @@

    </div>

-    <template v-for="(item,k) in modules" v-if="modules">
+    <!-- 到店有礼模块 20240809-->
+    <div class="card-module" v-if="0">
+      <div class="ignore-rounded-isosceles-trapezoid absolute box-center top-0 pl5 pr5 text-center">
+        <div class="ignore-trapezoid-middle font-34 color-fff">到店有礼</div>
+      </div>
+      <div class="fn-flex ignore-rounded-padding">
+        <div>
+          <van-image width="30vw" height="30vw" radius="2.7vw" fit="cover" :src="'https://img01.yzcdn.cn/vant/cat.jpeg'"></van-image>
+        </div>
+        <div class="fn-flex fn-flex-between ml20" style="width:52vw; flex-direction: column;">
+          <div class="pt5">
+            <h3 class="font-32 text-nowrap">清凉夏日防晒套装清凉夏日防晒套装</h3>
+            <p class="font-24 color-555 mt20 text-nowrap">品牌遮阳伞+移动风扇移动风扇+防晒喷雾</p>
+            <div class="ulib-r750 fn-flex overflowhidden mt10" style="border-top-left-radius: 0;">
+              <span class="font-22 color-333 bg-f8e26a pt5 pb5 pl10 pr10">截止时间</span>
+              <span class="font-22 color-fff bg-1a1a1a fn-flex-item pt5 pb5 pl10">2024年11月11日11:00:00</span>
+            </div>
+          </div>
+          <div class="fn-flex fn-flex-between fn-flex-middle mt10">
+            <div class="text-middle"><span class="font-22 color-999">市场价</span><span class="color-ff5a5a font-26">￥<b class="font-40">1.8万</b></span></div>
+            <div><div class="btn ulib-r750 font-28 bg-f8e26a pt10 pb10 pl20 pr20">立即领取</div></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <template v-for="(item,k) in modules" v-if="modules&&modules.length>0">
        <!-- 报名模块 - 大图轮播 -->
        <div class="card-module" v-if="item.type && item.type==2 && item.lists && item.lists.length>0">
            <div v-if="0" class="absolute left-0 top-0 right-0" style="margin-top: -10vw;">