瀏覽代碼

二维码放置

duanshenglang 8 月之前
父節點
當前提交
2126e6887e
共有 6 個文件被更改,包括 36 次插入12 次删除
  1. 2 2
      lottery/carOwnerScreening.html
  2. 二進制
      lottery/img/bm-qrcode.png
  3. 二進制
      lottery/img/car-qrcode.png
  4. 二進制
      lottery/img/noDrive-qrcode.png
  5. 5 5
      lottery/lightUpWl.html
  6. 29 5
      lottery/registrationActivity.html

+ 2 - 2
lottery/carOwnerScreening.html

@@ -222,7 +222,7 @@
           <div>请添加菱骏服务官发起点亮活动</div>
         </div>
         <div class="qrcode_box">
-          <img class="qrcode_img" src="./img/down.png" alt="">
+          <img class="qrcode_img" src="./img/car-qrcode.png" alt="">
         </div>
       </div>
       <div class="qrcode_tip">扫码添加菱骏服务官</div>
@@ -233,7 +233,7 @@
         <div>0元抽睛雨伞、量子香薰机等好礼</div>
       </div>
       <div class="qrcode_box">
-        <img class="qrcode_img" src="./img/down.png" alt="">
+        <img class="qrcode_img" src="./img/noDrive-qrcode.png" alt="">
       </div>
       <div class="noTestDrive_tip">扫码添加Ling号玩家</div>
     </div>

二進制
lottery/img/bm-qrcode.png


二進制
lottery/img/car-qrcode.png


二進制
lottery/img/noDrive-qrcode.png


+ 5 - 5
lottery/lightUpWl.html

@@ -28,16 +28,16 @@
 
   .box {
     width: 100vw;
-    height: 100vh;
+    height: 100%;
     box-sizing: border-box;
     background: #FAFAFA;
   }
 
   .page6 {
     width: 100vw;
-    height: 100vh;
-    background: url('./img/wl_bg.png') no-repeat center;
-    background-size: 100vw 100vh;
+    height: 100%;
+    background: url('./img/wl_bg.png') no-repeat;
+    background-size: 100%;
     background-repeat: no-repeat;
   }
 
@@ -52,7 +52,7 @@
     justify-content: center;
     align-items: center;
     position: relative;
-    margin-top: 150px;
+    margin-top: 98px;
   }
 
   .image_wrapper {

+ 29 - 5
lottery/registrationActivity.html

@@ -207,7 +207,7 @@
 
   .signup_box {
     margin: 30px 20px 0;
-    height: 390px;
+    height: 469px;
     background: linear-gradient(#D5E6FF 50%, #FFFFFF 100%);
     border-radius: 20px;
     box-sizing: border-box;
@@ -220,7 +220,7 @@
     color: #222222;
     padding: 40px 31px 10px 32px;
     text-align: center;
-    line-height: 30px;
+    line-height: 27px;
   }
   .store_msg {
     display: flex;
@@ -271,10 +271,27 @@
     color: #999999;
     line-height: 24px;
     text-align: start;
-    padding-top: 41px;
+    padding-top: 20px;
     padding-left: 20px;
+    padding-bottom: 20px;
+  }
+  .qrcode_info {
+    display: flex;
+    align-items: center;
+    padding: 20px 0 20px 35px;
+    border-top: 1px dashed #AEBFCE;
+    font-weight: 400;
+    font-size: 14px;
+    color: #222222;
+  }
+  .bm_qrcode {
+    width: 70px;
+    height: 70px;
+    margin-right: 25px;
+  }
+  .bm_title {
+    padding-bottom: 10px; 
   }
-
   .fail_box {
     margin: 80px 20px 0;
     height: 287px;
@@ -319,7 +336,7 @@
           <img class="store_icon" src="./img/store.png" />
           <span>{{storeName}}</span>
         </div>
-        <div class="signup_code">{{verificationCode}}</div>
+        <div class="signup_code">{{verificationCode}}asdfasf</div>
         <div class="copy_text" @click="handleCopy(verificationCode)">
           <img class="copy_icon" src="./img/copy_icon.png" />
           <span>点击复制核销码</span>
@@ -329,6 +346,13 @@
           <div>1.凭证码仅可核销一次,请注意保管</div>
           <div>2.不记名,不挂失</div>
         </div>
+        <div class="qrcode_info">
+          <img class="bm_qrcode" src="./img/bm-qrcode.png" />
+          <div>
+            <div class="bm_title">还差最后一步!</div>
+            <div class="bm_tip">扫码添加企微还有额外抽奖!</div>
+          </div>
+        </div>
       </div>
     </div>
     <div class="signupSucc_page" v-else-if="step === 4">