修改页面样式

assets/style/index.less

@@ -36,7 +36,7 @@
         }
     }
     .btn-app-share{
-        img{
+        .btn-img{
             width: 312px;
             height: 51.5px;
             margin: 0 auto;
@@ -59,12 +59,24 @@
         }
     }
     .btn-share{
-        height: 166px;
-        background: url(../img/img11.png) no-repeat center center;
-        background-size: 100% 100%; 
-        margin-bottom: -.5px;
+      width: 100%;
+      position: relative;
+      .btn-share-bg{
+        width: 100%;
+        // height: 166px;
+      }
+      .btn-share-click{
+        position: absolute;
+        left: 31.5px;
+        top:81px;
+
+      }
+        // height: 166px;
+        // background: url(../img/img11.png) no-repeat center center;
+        // background-size: 100% 100%; 
+        // margin-bottom: -.5px;
         img{
-            padding-top: 81px;
+            // padding-top: 81px;
         }
     }
     .rule-show{
@@ -76,7 +88,7 @@
             padding: 24px 0;
         }
         .rule-bg{
-            width:345px;
+            width:92%;
             margin:0 auto;
             box-sizing: border-box;
             background:rgba(236,107,69,1);

pages/prehot.vue

@@ -19,7 +19,7 @@
       </div>
     </div>
     <div v-show="loaded || isWeb" class="btn-appoint btn-app-share" id="imgHeight3">
-      <img v-if="showRemindBtn&&!remindStatus" @click="setRemind" src="../assets/img/btn_appoint.png" />
+      <img v-if="showRemindBtn&&!remindStatus" @click="setRemind" class="btn-img" src="../assets/img/btn_appoint.png" />
       <div v-if="remindStatus">
         <img src="../assets/img/btn_appointed.png">
         <div class="appoint-time">12月16号我们会提示你参加活动</div>
@@ -32,7 +32,10 @@
       <img src="../assets/img/img9.png" />
       <img src="../assets/img/img10.png" />
     </div>
-    <div class="btn-share btn-app-share"><img @click="goShare" src="../assets/img/btn_share.png" /></div>
+    <div class="btn-share btn-app-share">
+      <img class="btn-share-bg" src="../assets/img/img11.png">
+      <img class="btn-share-click btn-img" @click="goShare" src="../assets/img/btn_share.png" />
+    </div>
     <div class="rule-show">
       <img src="../assets/img/rule_title.png" />
       <div class="rule-bg">
@@ -153,10 +156,10 @@ export default {
     // 微信分享
     this.$picaWxShare({
       // baseUrl: BASE_URL[process.env.NUXT_ENV_APP],
-      baseUrl: 'https://test1-sc.yunqueyi.com',
+      baseUrl: 'https://test1-sc.yunqueyi.com', // 非生产环境需要用test和type=15的配置
+      type: 15,
       authUrl: window.location.href,
       isDebug: false,
-      type: 15,
       jsApiList: [
         'checkJsApi',
         'onMenuShareTimeline',