底部增加弹窗

2024-08-06 09:34:59 +08:00
parent 9136e19f32
commit b7ab2cbd40
2 changed files with 48 additions and 6 deletions
@@ -1,9 +1,6 @@
-<link rel="stylesheet" href="/css/h5/market/sytopic/h5.css?2024111">
+<link rel="stylesheet" href="/css/h5/market/sytopic/h5.css?20240806">
 <body>
-<style>.wp31 {
-        width: 31%;
-        box-sizing: border-box;
-    }</style>
+
 <div id="app" style="min-height: 100vh;background-color:<?= $info['bgColor'] ?: '#f6f6f6' ?>" class="relative">
    <header v-if="0" class="absolute left-0 top-0 right-0 z-index-1">
        <div class="fn-flex fn-flex-between fn-flex-middle ulib-rb30 bg-fff pl30 pr30 pt20 pb20">
@@ -346,6 +343,50 @@
        </div>
    </van-popup>

+    <!-- 报名弹窗 - 底部显示 - 经纪人 20240806 -->
+    <van-popup v-model="show_signup_agent_bottom" position="bottom" :style="{ 'min-height': '30%', 'background-color': 'transparent' }">
+  
+      <div class="ulib-rt30 bg-fff fn-flex overflowhidden w100vw" style="margin:0;">
+        <div class="fn-flex fn-flex-center fn-flex-middle wp30" style="flex-direction: column;background-image: linear-gradient(to bottom, #f7f2ca,#fbfae8);">
+          <div class="text-center pl5 pr5" style="width: 100%;">
+            <van-image class="bds-2-fff" round width="12vw" height="12vw" src="https://img01.yzcdn.cn/vant/cat.jpeg"></van-image>
+            <p class="font-28 mt10 text-nowrap">林则徐林则徐林则徐林则徐林则徐林则徐</p>
+          </div>
+          <div class="text-center pl5 pr5 mt50" style="width: 100%;">
+            <span class="bg-fff ulib-r750 inline-block pt5 pb5 pl15 pr15 font-24">成交经纪人</span>
+            <p class="font-22 mt10 color-888 text-nowrap">厦门汽车空间站</p>
+          </div>
+        </div>
+        <div class="inner30 fn-flex-item">
+          <h3 class="text-center font-36 pt10 pb10 mb15">百城车展焕新季</h3>
+          <div class="box-shadow-darkGray inner10 ulib-r20  mb30 relative" style="background-color: #fffff8;">
+            <div class="fn-flex fn-flex-center fn-flex-middle">
+              <div class="wp33">
+                <van-image src="/img/car.png"></van-image>
+              </div>
+              <div class=" ml20 fn-flex fn-flex-center" style="flex-direction: column;">
+                <h3 class="font-32 text-nowrap">蔚来ES7</h3>
+                <p class="ulib-r750 color-888 font-22 mt10"><span>指导价</span><span class="ml5">13.36万 - 17.39万</span></p>
+              </div>
+            </div>
+            <div class="msg-arrow absolute box-middle"></div>
+          </div>
+          
+          <div class="bg-f1 ulib-r20 mb30"><van-field v-model="form.name" label="" placeholder="请输入您的姓名" ></van-field></div>
+          <div class="bg-f1 ulib-r20 mb30"><van-field v-model="form.phone" label="" placeholder="请输入您的常用手机号" ></van-field></div>
+          <div class="bg-f1 ulib-r20 mb30"><van-field v-model="form.code" label="" placeholder="请输入手机验证码" >
+            <template #button>
+              <p class="color-666 font-26">发送验证码</p>
+            </template>
+          </van-field></div>
+          <div>
+            <button class="btn ulib-r20 bg-f8e26a block font-30 wp100 pt20 pb20 mt50">提交</button>
+          </div>
+        </div>
+      </div>
+      
+    </van-popup>
+
 </div>

 <script>
@@ -359,6 +400,7 @@
                car_swiper_index: 0,
                show_signup_center: false,
                show_signup_bottom: false,
+                show_signup_agent_bottom: false, //20240806
                form: {
                    name: '',
                    phone: '',