Commit a4eb7158 by 施宇

111

parent 3f6f6d66
......@@ -3,8 +3,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/>
<title>芯掌柜</title>
<link rel="shortcut icon" href="__PUBLIC__/images/logo.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common/base.css">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common/ie.css">
......
......@@ -10,7 +10,7 @@
<div class="fr">
<div class="fl fw_desc">
<p>
<span>服务工作日时间:<i>9:00-18:00</i></span>
<span>工作日服务时间:<i>9:00-18:00</i></span>
&nbsp; &nbsp;
<span>联系电话:<i>0755-23940717</i></span>
</p>
......
......@@ -17,7 +17,7 @@
<div class="fl btn btn_blue app_btn">APP</div>
<div class="fl btn btn_yellow web_btn">网页版</div>
<div class="pull_qrcode xcx_qrcode header_qrcode">
<img src="__PUBLIC__/images/xcx.png" alt="">
<img src="__PUBLIC__/images/xcx.jpg " alt="">
<p>微信小程序</p>
</div>
<div class="pull_qrcode header_qrcode app_qrcode">
......
......@@ -47,7 +47,7 @@
<img src="__PUBLIC__/images/lb2.png" alt="">
<div class="qrcode_div">
<div class="xcx_div">
<img src="__PUBLIC__/images/xcx.png" alt="">
<img src="__PUBLIC__/images/xcx.jpg" alt="">
</div>
<p>微信扫一扫,进入小程序</p>
</div>
......@@ -151,7 +151,7 @@
</div> -->
<div class="about_us_qrcode">
<div class="qrcode" style="margin:0">
<img src="__PUBLIC__/images/xcx.png" alt="">
<img src="__PUBLIC__/images/xcx.jpg" alt="">
<p>微信小程序</p>
</div>
<div class="qrcode">
......@@ -266,7 +266,7 @@
</div>
<div class="bottom_section">
<p class="bottom_top">
<span class="time">服务工作日时间:<i>9:00-18:00</i></span>
<span class="time">工作日服务时间:<i>9:00-18:00</i></span>
<span class="phone">联系电话: <i>0755-23940717</i></span>
</p>
<p class="bottom_center">copyright &#169 2019 www.ICsales.com</p>
......@@ -297,6 +297,13 @@
</div>
</div>
</div>
<div class="xcx_mask">
<div class="mask_img_div">
<img src="__PUBLIC__/images/xcx.jpg" alt="">
<p>微信小程序<br/>长按图片</p>
</div>
</div>
</div>
<include file="Common@public/foot" />
<!-- 移动端下的页面 -->
......@@ -331,26 +338,23 @@
$(this).addClass('active').siblings().removeClass('active')
});
$('.web_btn').on('click', function () {
var token = Util.getCookie('token') || "";
if (token) {
window.location.href = home_url
$('.xcx_item').on('click', function () {
$('.xcx_mask').show();
});
$('.xcx_mask').on('click', function () {
$(this).hide()
});
$('.xcx_mask .mask_img_div').on('click', function (e) {
if (e && e.stopPropagation) {
e.stopPropagation();
} else {
window.location.href = passport_url;
window.event.cancelBubble = true;
}
});
function showOrHideQrcode(ele1, ele2) {
$('.' + ele1).hover(function () {
$('.' + ele2).slideDown()
}, function () {
$('.' + ele2).stop().slideUp()
})
};
showOrHideQrcode('xcx_btn', 'xcx_qrcode');
showOrHideQrcode('app_btn', 'app_qrcode');
showOrHideQrcode('ios', 'ios_qrcode');
showOrHideQrcode('android', 'android_qrcode');
Util.showOrHideQrcode('xcx_btn', 'xcx_qrcode');
Util.showOrHideQrcode('app_btn', 'app_qrcode');
Util.showOrHideQrcode('ios', 'ios_qrcode');
Util.showOrHideQrcode('android', 'android_qrcode');
})
</script>
......
......@@ -564,3 +564,33 @@
font-size: 2.85714286vw;
opacity: .65;
}
.mobile_wrapper .xcx_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 .xcx_mask .mask_img_div {
width: 70%;
position: absolute;
top: 20%;
left: 15%;
height: 200px;
background-color: #fff;
border-radius: 8px;
padding: 10% 0;
text-align: center;
}
.mobile_wrapper .xcx_mask .mask_img_div img {
width: 60%;
}
.mobile_wrapper .xcx_mask .mask_img_div p {
margin-top: 4.28571429vw;
font-size: 3.42857143vw;
line-height: 140%;
color: #ADB6BF;
}
......@@ -697,4 +697,44 @@
}
}
.xcx_mask{
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color: rgba(0,0,0,0.5);
z-index:100000;
display: none;
.mask_img_div{
width:70%;
position: absolute;
top:20%;
left:15%;
height:200px;
background-color: #fff;
border-radius: 8px;
padding:10% 0;
text-align: center;
img{
width:60%;
}
p{
margin-top:30vw/@fixedNum;
font-size: 24vw/@fixedNum;
line-height: 140%;
color:#ADB6BF;
}
}
// img{
// position: absolute;
// top:50%;
// left:50%;
// height:200vw/@fixedNum;
// width:200vw/@fixedNum;
// margin:-100vw/@fixedNum 0 0 -100vw/@fixedNum;
// }
}
}
\ No newline at end of file
No preview for this file type
......@@ -211,9 +211,17 @@
})
});
$('.web_btn').on('click', function () {
var token = Util.getCookie('token') || "";
if (token) {
window.location.href = home_url
} else {
window.location.href = passport_url;
}
});
return this;
},
}
}, $(function () {
IcController.init();
})
......@@ -502,6 +510,13 @@
return (e < 16 ? "0" : "") + e.toString(16);
}).join("");
return hex;
},
showOrHideQrcode:function(ele1,ele2){
$('.' + ele1).hover(function () {
$('.' + ele2).slideDown()
}, function () {
$('.' + ele2).stop().slideUp()
})
}
};
if (typeof define === "function" && define.amd) {
......
......@@ -4,6 +4,8 @@ $(function () {
type: $('#type').val() || '' || "",
time: $('#time').val() || '' || "",
init: function () {
Util.showOrHideQrcode('xcx_btn', 'xcx_qrcode');
Util.showOrHideQrcode('app_btn', 'app_qrcode');
this.bindFun();
this.renderPage()
},
......
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