111

Application/Index/View/Index/index.html

@@ -36,7 +36,7 @@
                         <div class="lb_nav">
                             <span class="active">网页版</span>
                             <span>小程序</span>
-                            <span>手机版</span>
+                            <span>APP</span>
                         </div>
                         <div class="lb_div">
                             <div class="lb_div_content clr">
@@ -181,7 +181,7 @@
                 <div class="lb_nav">
                     <span>网页版</span>
                     <span>小程序</span>
-                    <span>手机版</span>
+                    <span>APP</span>
                 </div>
                 <div class="lb_div">
                     <img src="__PUBLIC__/images/mlb1.png" alt="" class="web_img">
@@ -326,6 +326,7 @@
                     $('.mobile_wrapper .lb_nav span').eq(0).addClass('active');
                     $('.mobile_wrapper .web_img').show()
                 }
+                scrollFun()
             };
             // pc逻辑
             $('.index_wrapper .lb_nav span').click(function () {
@@ -370,7 +371,8 @@
                     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'
+                        window.location.href =
+                            'https://img.icsales.com/down/ICSales_release_1_v1.0_2019_10_12_14_42_57.apk'
                     }
                 }
             });
@@ -394,6 +396,23 @@
             Util.showOrHideQrcode('app_btn', 'app_qrcode');
             Util.showOrHideQrcode('ios', 'ios_qrcode');
             Util.showOrHideQrcode('android', 'android_qrcode');
+
+            function scrollFun() {
+                var scrollHeight = $('.mobile_wrapper .lb_nav').offset().top;
+                $(document).scroll(function () {
+                    var scroH = $(document).scrollTop(); //滚动高度
+                    if (scroH > scrollHeight) {
+                      $('.mobile_wrapper .lb_nav').addClass('fixed_lb_nav').addClass('clr');
+                      $('.mobile_wrapper .lb_nav span').addClass('fl')
+                    }else{
+                        $('.mobile_wrapper .lb_nav').removeClass('fixed_lb_nav').removeClass('clr');
+                      $('.mobile_wrapper .lb_nav span').removeClass('fl')  
+                    }
+                 
+
+                });
+
+            }
         })
     </script>
 

dist/css/index.css

@@ -289,6 +289,17 @@
   font-size: 14px;
   color: #ADB6BF;
 }
+.mobile_wrapper .fixed_nav {
+  text-align: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 20px;
+}
+.mobile_wrapper .fixed_nav .fl {
+  width: 33.33%;
+}
 .mobile_wrapper .mobile_h3_common {
   font-size: 6vw;
   color: #2E3033;
@@ -345,6 +356,29 @@
   color: #fff;
   background-color: #0D84D1;
 }
+.mobile_wrapper .mobile_top .mobile_top_text .lb_nav.fixed_lb_nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 11.42857143vw;
+  line-height: 11.42857143vw;
+  z-index: 999;
+}
+.mobile_wrapper .mobile_top .mobile_top_text .lb_nav.fixed_lb_nav span {
+  display: block;
+  height: 100%;
+  width: 33.33%;
+  color: #fff;
+  font-size: 3.42857143vw;
+  background-color: #0D84D1;
+  padding: 0;
+  border-radius: 0;
+  margin-right: 0;
+}
+.mobile_wrapper .mobile_top .mobile_top_text .lb_nav.fixed_lb_nav span.active {
+  background-color: #EAAD37;
+}
 .mobile_wrapper .mobile_top .mobile_top_text .lb_div {
   position: relative;
   height: 51.71428571vw;
@@ -387,8 +421,8 @@
   margin-right: 0;
 }
 .mobile_wrapper .jy_div .jy_ul .jy_li img {
-  height: 28.57142857vw;
-  width: 100%;
+  width: 27vw;
+  height: 27vw;
 }
 .mobile_wrapper .jy_div .jy_ul .jy_li h4 {
   color: #2E3033;

dist/css/index.less

@@ -363,6 +363,18 @@
 
 // 移动端
 .mobile_wrapper {
+    .fixed_nav{
+        text-align: center;
+        position: fixed;
+        top:0;
+        left:0;
+        right:0;
+        height:20px;
+    .fl{
+        width:33.33%;
+
+    }
+    }
     .mobile_h3_common {
         font-size: 42vw/@fixedNum;
         color: #2E3033;
@@ -422,12 +434,35 @@
                     padding: 6vw/@fixedNum 27vw/@fixedNum;
                     border-radius: 20vw/@fixedNum;
                     margin-right: 20vw/@fixedNum;
-
                     &.active {
                         color: #fff;
                         background-color: #0D84D1
                     }
                 }
+                &.fixed_lb_nav{
+                    position: fixed;
+                    top:0;
+                    left:0;
+                    right:0;
+                    height:80vw/@fixedNum;
+                    line-height:80vw/@fixedNum;
+                    z-index: 999;
+                    span{
+                        display: block;
+                        height:100%;
+                        width:33.33%;
+                        color:#fff;
+                        font-size: 24vw/@fixedNum;
+                        background-color:#0D84D1;
+                        padding:0;
+                        border-radius:0;
+                        margin-right:0;
+                        &.active{
+                            background-color:#EAAD37; 
+                        }
+
+                    }
+                }
             }
 
             .lb_div {
@@ -483,8 +518,10 @@
                 }
 
                 img {
-                    height: 200vw/@fixedNum;
-                    width: 100%;
+                    // height: 200vw/@fixedNum;
+                    // width: 100%;
+                    width: 27vw;
+                    height:27vw;
                 }
 
                 h4 {