Skip to content

施宇 / icsales

Go to a project
Commit 39e9a493 by 施宇
Options

111

parent 93dc3167
Inline Side-by-side
Showing with 98 additions and 8 deletions
Application/Index/View/Index/index.html
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<div class="lb_nav"> <div class="lb_nav">
<span class="active">网页版</span> <span class="active">网页版</span>
<span>小程序</span> <span>小程序</span>
<span>手机版</span> <span>APP</span>
</div> </div>
<div class="lb_div"> <div class="lb_div">
<div class="lb_div_content clr"> <div class="lb_div_content clr">
...@@ -181,7 +181,7 @@ ...@@ -181,7 +181,7 @@
<div class="lb_nav"> <div class="lb_nav">
<span>网页版</span> <span>网页版</span>
<span>小程序</span> <span>小程序</span>
<span>手机版</span> <span>APP</span>
</div> </div>
<div class="lb_div"> <div class="lb_div">
<img src="__PUBLIC__/images/mlb1.png" alt="" class="web_img"> <img src="__PUBLIC__/images/mlb1.png" alt="" class="web_img">
...@@ -326,6 +326,7 @@ ...@@ -326,6 +326,7 @@
$('.mobile_wrapper .lb_nav span').eq(0).addClass('active'); $('.mobile_wrapper .lb_nav span').eq(0).addClass('active');
$('.mobile_wrapper .web_img').show() $('.mobile_wrapper .web_img').show()
} }
scrollFun()
}; };
// pc逻辑 // pc逻辑
$('.index_wrapper .lb_nav span').click(function () { $('.index_wrapper .lb_nav span').click(function () {
...@@ -370,7 +371,8 @@ ...@@ -370,7 +371,8 @@
if (ua.match(/MicroMessenger/i) == "micromessenger") { //微信环境 if (ua.match(/MicroMessenger/i) == "micromessenger") { //微信环境
$('.share_mask').show(); $('.share_mask').show();
} else { } 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 @@ ...@@ -394,6 +396,23 @@
Util.showOrHideQrcode('app_btn', 'app_qrcode'); Util.showOrHideQrcode('app_btn', 'app_qrcode');
Util.showOrHideQrcode('ios', 'ios_qrcode'); Util.showOrHideQrcode('ios', 'ios_qrcode');
Util.showOrHideQrcode('android', 'android_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> </script>
......
dist/css/index.css
...@@ -289,6 +289,17 @@ ...@@ -289,6 +289,17 @@
font-size: 14px; font-size: 14px;
color: #ADB6BF; 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 { .mobile_wrapper .mobile_h3_common {
font-size: 6vw; font-size: 6vw;
color: #2E3033; color: #2E3033;
...@@ -345,6 +356,29 @@ ...@@ -345,6 +356,29 @@
color: #fff; color: #fff;
background-color: #0D84D1; 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 { .mobile_wrapper .mobile_top .mobile_top_text .lb_div {
position: relative; position: relative;
height: 51.71428571vw; height: 51.71428571vw;
...@@ -387,8 +421,8 @@ ...@@ -387,8 +421,8 @@
margin-right: 0; margin-right: 0;
} }
.mobile_wrapper .jy_div .jy_ul .jy_li img { .mobile_wrapper .jy_div .jy_ul .jy_li img {
height: 28.57142857vw; width: 27vw;
width: 100%; height: 27vw;
} }
.mobile_wrapper .jy_div .jy_ul .jy_li h4 { .mobile_wrapper .jy_div .jy_ul .jy_li h4 {
color: #2E3033; color: #2E3033;
......
dist/css/index.less
...@@ -363,6 +363,18 @@ ...@@ -363,6 +363,18 @@
// 移动端 // 移动端
.mobile_wrapper { .mobile_wrapper {
.fixed_nav{
text-align: center;
position: fixed;
top:0;
left:0;
right:0;
height:20px;
.fl{
width:33.33%;
}
}
.mobile_h3_common { .mobile_h3_common {
font-size: 42vw/@fixedNum; font-size: 42vw/@fixedNum;
color: #2E3033; color: #2E3033;
...@@ -422,12 +434,35 @@ ...@@ -422,12 +434,35 @@
padding: 6vw/@fixedNum 27vw/@fixedNum; padding: 6vw/@fixedNum 27vw/@fixedNum;
border-radius: 20vw/@fixedNum; border-radius: 20vw/@fixedNum;
margin-right: 20vw/@fixedNum; margin-right: 20vw/@fixedNum;
&.active { &.active {
color: #fff; color: #fff;
background-color: #0D84D1 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 { .lb_div {
...@@ -483,8 +518,10 @@ ...@@ -483,8 +518,10 @@
} }
img { img {
height: 200vw/@fixedNum; // height: 200vw/@fixedNum;
width: 100%; // width: 100%;
width: 27vw;
height:27vw;
} }
h4 { h4 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment