11

Application/Index/View/Index/index.html

@@ -300,25 +300,28 @@
             </div>
 
         </div>
+        <div class="share_mask">
+            <img src="__PUBLIC__/images/sharemask.png" alt="">
+        </div>
     </div>
     <include file="Common@public/foot" />
     <!-- 移动端下的页面 -->
     <script>
         $(function () {
-            if (!$('.mobile_wrapper').is(':hidden')) { 
+            if (!$('.mobile_wrapper').is(':hidden')) {
                 //移动端
                 var type = Util.getRequest('type');
-                if(type==1){
+                if (type == 1) {
                     //小程序
-                $('.mobile_wrapper .lb_nav span').eq(1).addClass('active');
-                $('.mobile_wrapper .xcx_img').show();
-                $('.mobile_wrapper .xcx_item').show()
-                }else if(type==2){
+                    $('.mobile_wrapper .lb_nav span').eq(1).addClass('active');
+                    $('.mobile_wrapper .xcx_img').show();
+                    $('.mobile_wrapper .xcx_item').show()
+                } else if (type == 2) {
                     //app
                     $('.mobile_wrapper .lb_nav span').eq(2).addClass('active');
                     $('.mobile_wrapper .app_img').show();
                     $('.mobile_wrapper .app_item').show()
-                }else{
+                } else {
                     //web
                     $('.mobile_wrapper .lb_nav span').eq(0).addClass('active');
                     $('.mobile_wrapper .web_img').show()
@@ -356,23 +359,31 @@
                 var index = $(this).index();
                 window.location.replace(window.location.origin + '?type=' + index)
             });
-            $('.mobile_wrapper').on('click', '.app_item_div',function () {
+            $('.mobile_wrapper').on('click', '.app_item_div', function () {
                 var index = $(this).index();
-                if(index == 0){
+                if (index == 0) {
                     //ios下载
                     window.location.href = 'https://itunes.apple.com/us/app/id1481750196'
-                }else{
+                } else {
                     //安卓下载
-                    window.location.href = 'https://img.icsales.com/down/ICSales_release_1_v1.0_2019_10_12_14_42_57.apk'
+                    var ua = navigator.userAgent.toLowerCase();
+                    if (ua.match(/MicroMessenger/i) == "micromessenger") { //微信环境
+                        $('.share_mask').show();
+                    } else {
+                        window.location.href ='https://img.icsales.com/down/ICSales_release_1_v1.0_2019_10_12_14_42_57.apk'
+                    }
                 }
             });
-            $('.mobile_wrapper').on('click', '.xcx_item',function () {
+            $('.mobile_wrapper').on('click', '.xcx_item', function () {
                 $('.xcx_mask').show();
             });
-            $('.mobile_wrapper').on('click','.xcx_mask',function () {
+            $('.mobile_wrapper').on('click', '.xcx_mask', function () {
+                $(this).hide()
+            });
+            $('.mobile_wrapper').on('click', '.share_mask', function () {
                 $(this).hide()
             });
-            $('.mobile_wrapper').on('click', '.mask_img_div',function (e) {
+            $('.mobile_wrapper').on('click', '.mask_img_div', function (e) {
                 if (e && e.stopPropagation) {
                     e.stopPropagation();
                 } else {

dist/css/index.css

@@ -570,3 +570,20 @@
   line-height: 5.28571429vw;
   margin-right: 1.85714286vw;
 }
+.mobile_wrapper .share_mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 100000;
+  display: none;
+}
+.mobile_wrapper .share_mask img {
+  position: absolute;
+  top: 14.28571429vw;
+  right: 7.14285714vw;
+  width: 91.42857143vw;
+  width: 74.85714286vw;
+}

dist/css/index.less

@@ -708,4 +708,22 @@
 
         }
     }
+    .share_mask{
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: rgba(0, 0, 0, 0.5);
+        z-index: 100000;
+        display: none;
+        img{
+            position: absolute;
+            top:100vw/@fixedNum;
+            right:50vw/@fixedNum;
+            width: 640vw/@fixedNum;
+            width: 524vw/@fixedNum;
+
+        }
+    }
 }
\ No newline at end of file