分享按钮调整

consulting/css/style.css

@@ -267,3 +267,47 @@ input,button{
         bottom: 0!important;
     }
 
+    .markbox {
+        position: fixed;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        width: 100%;
+        height: 100%;
+        color: #fff;
+        display: flex;
+        justify-content: flex-end;
+        z-index: 100000;
+        background: rgba(0, 0, 0, 0.8);
+        display: none;
+      }
+      
+      .iconfont {
+        position: absolute;
+        right: 8%;
+        font-size: 40px;
+        top: 2px;
+        font-weight: bold;
+      }
+      
+      .guideImgBox {
+        margin: 20px auto;
+      }
+      .guideImgBox img{
+        max-width: 25%;
+        position: relative;
+        left: 70%;
+      }
+      .tipsToast {
+        margin-top: 60%;
+      }
+      
+      .tipsToast p {
+        font-size: 18px;
+        margin-top: 10px;
+        text-align: center;
+        letter-spacing: 1px;
+      }
+      
+

consulting/index.html

@@ -60,6 +60,16 @@
         </div>
         <div class='closeModal' bindtap='closeModalBox'>X</div>
     </div>
+    <!--分享弹框-->
+    <div class="markbox">
+        <div class="guideImgBox">
+            <img src="./images/tips.png" alt="提示">
+            <div class="tipsToast">
+            <p>请点击右上角菜单</p>
+            <p>分享给朋友</p>
+            </div>
+        </div>
+    </div>
     <div id="d" hidden></div>
     <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
     <script src="./js/jquery.min.js"></script>

consulting/js/base.js

@@ -338,11 +338,10 @@ $(function () {
         }
     }
 
-    // getWxConfig();
+    getWxConfig();
 //    获取微信分享配置
     function getWxConfig() {
         var url = location.href.split('#')[0];
-        console.log(1)
         $.ajax({
             type: "POST",
             url: api + '/api/wxConfig',
@@ -376,6 +375,9 @@ $(function () {
         })
     }
     $('.share').click(function(){
-        getWxConfig()
+        $('.markbox').show()
+    })
+    $('.markbox').click(function(){
+        $('.markbox').hide()
     })
 });
\ No newline at end of file

consulting1/css/style.css

@@ -267,3 +267,47 @@ input,button{
         bottom: 0!important;
     }
 
+    .markbox {
+        position: fixed;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        width: 100%;
+        height: 100%;
+        color: #fff;
+        display: flex;
+        justify-content: flex-end;
+        z-index: 100000;
+        background: rgba(0, 0, 0, 0.8);
+        display: none;
+      }
+      
+      .iconfont {
+        position: absolute;
+        right: 8%;
+        font-size: 40px;
+        top: 2px;
+        font-weight: bold;
+      }
+      
+      .guideImgBox {
+        margin: 20px auto;
+      }
+      .guideImgBox img{
+        max-width: 25%;
+        position: relative;
+        left: 70%;
+      }
+      .tipsToast {
+        margin-top: 60%;
+      }
+      
+      .tipsToast p {
+        font-size: 18px;
+        margin-top: 10px;
+        text-align: center;
+        letter-spacing: 1px;
+      }
+      
+

consulting1/index.html

@@ -60,6 +60,16 @@
         </div>
         <div class='closeModal' bindtap='closeModalBox'>X</div>
     </div>
+    <!--分享弹框-->
+    <div class="markbox">
+        <div class="guideImgBox">
+            <img src="./images/tips.png" alt="提示">
+            <div class="tipsToast">
+            <p>请点击右上角菜单</p>
+            <p>分享给朋友</p>
+            </div>
+        </div>
+    </div>
     <div id="d" hidden></div>
     <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
     <script src="./js/jquery.min.js"></script>

consulting1/js/base.js

@@ -336,7 +336,7 @@ $(function () {
             return false;
         }
     }
-    // getWxConfig();
+    getWxConfig();
 //    获取微信分享配置
     function getWxConfig()
     {
@@ -374,6 +374,9 @@ $(function () {
         })
     }
     $('.share').click(function(){
-        getWxConfig()
+        $('.markbox').show()
+    })
+    $('.markbox').click(function(){
+        $('.markbox').hide()
     })
 });
\ No newline at end of file