Skip to content

施宇 / icsales

Go to a project
Commit 9b8b1a50 by 施宇
Options

1111

parent e75acfb6
Inline Side-by-side
Showing with 563 additions and 128 deletions
Application/Common/View/public/indexfoot.html
......@@ -10,9 +10,9 @@
<div class="fr">
<div class="fl fw_desc">
<p>
<span>服务时间：<i>9:00-22:00</i></span>
<span>服务时间：<i>9:00-18:00</i></span>
&nbsp; &nbsp;
<span>联系电话：<i>400-888-1688</i></span>
<span>联系电话：<i>0755-23940717</i></span>
</p>
<h5>copyright &#169; 2019 www.ICsales.com</h5>
......
Application/Common/View/public/indexheader.html
<foreach name="get_url_info" item="v" >
<foreach name="get_url_info" item="v">
<input type="hidden" id="{$key}" value="{$v}">
</foreach>
<div class="index_header">
......@@ -7,13 +7,23 @@
<img src="__PUBLIC__/images/navlogo.png" alt="芯掌柜" class="fl public_img">
<div class="text fl public_text">
<h3 class="bold">芯掌柜</h3>
<p>让询报价更轻松、便捷</p>
<p>让元器件询报价更便捷</p>
</div>
</div>
<div class="fr btn_group">
<div class="fl btn btn_blue">小程序</div>
<div class="fl btn btn_yellow">网页版</div>
<div class="fl btn btn_blue xcx_btn">
小程序
</div>
<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="">
<p>微信小程序</p>
</div>
<div class="pull_qrcode header_qrcode app_qrcode">
<img src="__PUBLIC__/images/xcx.png" alt="">
<p>扫描下载APP</p>
</div>
</div>
</div>
</div>
\ No newline at end of file
Application/Index/View/Index/index.html
......@@ -54,15 +54,23 @@
</div>
<div class="lb_item fl">
<img src="__PUBLIC__/images/lb2.png" alt="">
<div class="btn_div boxsiz">
<div class="btn_div boxsiz ios">
<span class="icon iconfont iconjuxing25"></span>
<p class="phone_type">iPhone</p>
<p class="text">敬请期待</p>
<p class="phone_type bold">iPhone</p>
<p class="text">版本: V1.0.0</p>
</div>
<div class="btn_div boxsiz android">
<span class="icon iconfont iconjuxing24"></span>
<p class="phone_type">Android</p>
<p class="text">敬请期待</p>
<p class="phone_type bold">Android</p>
<p class="text">版本: V1.0.0</p>
</div>
<div class="pull_qrcode rj_qrcode ios_qrcode">
<img src="__PUBLIC__/images/xcx.png" alt="">
<p>扫描下载APP</p>
</div>
<div class="pull_qrcode rj_qrcode android_qrcode">
<img src="__PUBLIC__/images/xcx.png" alt="">
<p>扫描下载APP</p>
</div>
</div>
</div>
......@@ -76,18 +84,18 @@
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold h3_common">您的交易，是我们最重要的</h3>
<p>对于交易每个环节，都是非常重要的。从询价到报价，从商品资讯到在线沟通，每条数据我们都替你保<br />护，所有记录均加密保存至云端供查阅。</p>
<h3 class="bold h3_common">您的需求，我们的使命</h3>
<p>从询价到报价，从商品信息到在线沟通，每条数据我们都替您安全保护，所有记录均加<br />密至云端可供查阅。</p>
<div class="jy_ul clr">
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy1.png" alt="">
<h4 class="bold">一键询价</h4>
<div>提交您要的需求信息，一键全网发布。剩下的交给我们来处理。</div>
<div>提交需求信息，实现全网快速发布，让更多供应商找到您。</div>
</div>
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy2.png" alt="">
<h4 class="bold">快速报价</h4>
<div>询价中心，支持询价内容筛选，快速找到自己擅长的询价，快速完成报价。</div>
<div>询价中心海量实时发布，筛选报价，轻松交易。</div>
</div>
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy3.png" alt="">
......@@ -97,7 +105,7 @@
<div class="jy_li fl last_jy_li">
<img src="__PUBLIC__/images/jy4.png" alt="">
<h4 class="bold">无延迟沟通</h4>
<div>询价内容，自动发送到当前消息对话。询报价消息实时同步推送，零延迟沟通。</div>
<div>询价内容自动发送到当前对话窗口，询报价实时推送，零延迟沟通。</div>
</div>
</div>
<div class="btn btn_yellow use">
......@@ -111,9 +119,11 @@
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold h3_common">合作伙伴</h3>
<p>专注于优化交易，我们希望为用户提供更多的数据支持和服务体验，我们还在努力接入更多的数据...</p>
<div class="hz_list clr">
<h3 class="bold h3_common">关于我们</h3>
<p>芯掌柜专注服务于电子元器件行业用户，以便捷的一键式询报价功能为特色，以即时沟通为桥梁，<br />以构建电子元器件行业用户商圈为已任，<br />深圳市电界网络科技有限公司倾力打造的专业商务平台
</p>
<!-- <div class="hz_list clr">
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz1.png" alt="">
</div>
......@@ -138,6 +148,20 @@
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz8.png" alt="">
</div>
</div> -->
<div class="about_us_qrcode">
<div class="qrcode" style="margin:0">
<img src="__PUBLIC__/images/xcx.png" alt="">
<p>微信小程序</p>
</div>
<div class="qrcode">
<img src="__PUBLIC__/images/xcx.png" alt="">
<p>APP下载</p>
</div>
<div class="qrcode">
<img src="__PUBLIC__/images/xcx.png" alt="">
<p>微信公众号</p>
</div>
</div>
</div>
</div>
......@@ -152,7 +176,7 @@
<div class="mobile_top_text">
<img src="__PUBLIC__/images/navlogo.png" alt="">
<h3 class="bold ic">芯掌柜</h3>
<p>让询报价更轻松、便捷</p>
<p>让元器件询报价更便捷</p>
<h3 class="mobile_h3_common bold">专注芯片交易，让交易更简单</h3>
<div class="lb_nav">
<span class="active">网页版</span>
......@@ -178,18 +202,18 @@
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold mobile_h3_common">您的交易，是我们最重要的</h3>
<p>对于交易每个环节，都是非常重要的。从询价到报价，从商品资讯到在线沟通，每条数据我们都替你保<br />护，所有记录均加密保存至云端供查阅。</p>
<h3 class="bold mobile_h3_common">您的需求，我们的使命</h3>
<p>从询价到报价，从商品信息到在线沟通，每条数据我们都替您安全保护，所有记录均加密至云端可供查阅。</p>
<div class="jy_ul clr">
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy1.png" alt="">
<h4 class="bold">一键询价</h4>
<div>提交您要的需求信息，一键全网发布。剩下的交给我们来处理。</div>
<div>提交需求信息，实现全网快速发 布，让更多供应商找到您。</div>
</div>
<div class="jy_li fl no_margin">
<img src="__PUBLIC__/images/jy2.png" alt="">
<h4 class="bold">快速报价</h4>
<div>询价中心，支持询价内容筛选，快速找到自己擅长的询价，快速完成报价。</div>
<div>询价中心海量实时发布，筛选报 价，轻松交易。</div>
</div>
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy3.png" alt="">
......@@ -199,7 +223,7 @@
<div class="jy_li fl no_margin">
<img src="__PUBLIC__/images/jy4.png" alt="">
<h4 class="bold">无延迟沟通</h4>
<div>询价内容，自动发送到当前消息对话。询报价消息实时同步推送，零延迟沟通。</div>
<div>询价内容自动发送到当前对话窗口，询报价实时推送，零延迟沟通。</div>
</div>
</div>
</div>
......@@ -210,9 +234,13 @@
<div class="w_yuan">
<div class="l_yuan"></div>
</div>
<h3 class="bold mobile_h3_common">合作伙伴</h3>
<p>专注于优化交易，我们希望为用户提供更多的数据支持和服务体验，我们还在努力接入更多的数据...</p>
<div class="hz_list clr">
<h3 class="bold mobile_h3_common">关于我们</h3>
<p>芯掌柜专注服务于电子元器件行业用户，以便捷的一键式</p>
<p>询报价功能为特色，以即时沟通为桥梁， </p>
<p>以构建电子元器件行业用户商圈为已任，</p>
<p>是深圳市电界网络科技有限公司倾力打造的</p>
<p>专业商务平台。</p>
<!-- <div class="hz_list clr">
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz1.png" alt="">
</div>
......@@ -237,13 +265,13 @@
<div class="hz_item fl no_margin">
<img src="__PUBLIC__/images/hz8.png" alt="">
</div>
</div>
</div> -->
</div>
</div>
<div class="bottom_section">
<p class="bottom_top">
<span class="time">服务时间：<i>9:00-22:00</i></span>
<span class="phone">联系电话: <i>400-888-1688</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>
<div class="bottom_bottom">
......@@ -252,39 +280,83 @@
</div>
</div>
</div>
<div class="bottom_fixed">
<div class="bottom_fixed_div clr">
<div class="fixed_item no_item fl"></div>
<div class="fixed_item xcx_item fl">
<img src="__PUBLIC__/images/xcx_icon.png" alt="">
<span>进入微信小程序</span>
</div>
<div class="fixed_item app_item fl">
<div class="ios_item app_item_div fl">
<span class="icon iconfont iconjuxing25"></span>
<p class="phone_type bold">iPhone</p>
<p class="text">点击下载APP</p>
</div>
<div class="android_item app_item_div fl">
<span class="icon iconfont iconjuxing24"></span>
<p class="phone_type bold">Android</p>
<p class="text">点击下载APP</p>
</div>
</div>
</div>
</div>
</div>
<include file="Common@public/foot" />
<!-- 移动端下的页面 -->
<script>
$('.index_wrapper .lb_nav span').click(function () {
var index = $(this).index();
$('.index_wrapper .lb_div_content').css('left', -(index * 1190) + 'px');
$(this).addClass('active').siblings().removeClass('active')
$(function () {
$('.index_wrapper .lb_nav span').click(function () {
var index = $(this).index();
$('.index_wrapper .lb_div_content').css('left', -(index * 1190) + 'px');
$(this).addClass('active').siblings().removeClass('active')
});
$('.input_btn').click(function () {
var val = $.trim($('.search-input').val());
if (!val.length) {
layer.msg('搜索内容不能为空')
} else
if (val.length < 3) {
layer.msg('请至少输入3个字符')
} else {
var token = Util.getCookie('token') || "";
if (token) {
window.location.href = home_url + '/search?key=' + val + '&type=1&time=1';
} else {
window.location.href = search_url + '/' + decodeURIComponent(val) + '_1_1';
}
}
});
$('.mobile_wrapper .lb_nav span').click(function () {
var index = $(this).index();
$('.mobile_wrapper .lb_div_content').css('left', -(index * 700 / 7) + 'vw');
$('.mobile_wrapper .bottom_fixed_div').css('left', -(index * 700 / 7) + 'vw');
$(this).addClass('active').siblings().removeClass('active')
});
$('.input_btn').click(function () {
var val = $.trim($('.search-input').val());
if (!val.length) {
layer.msg('搜索内容不能为空')
} else
if (val.length < 3) {
layer.msg('请至少输入3个字符')
} else {
});
$('.web_btn').on('click', function () {
var token = Util.getCookie('token') || "";
if (token) {
window.location.href = home_url + '/search?key=' + val + '&type=1&time=1';
window.location.href = home_url
} else {
window.location.href = search_url + '/' + decodeURIComponent(val) + '_1_1';
window.location.href = passport_url;
}
});
}
});
$('.mobile_wrapper .lb_nav span').click(function () {
var index = $(this).index();
$('.mobile_wrapper .lb_div_content').css('left', -(index * 700 / 7) + 'vw');
$(this).addClass('active').siblings().removeClass('active')
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');
});
})
</script>
</body>
......
dist/css/common/base.css
......@@ -488,11 +488,21 @@ body {
}
.index_wrapper .index_header .header_content .btn_group {
margin-top: 10px;
position: relative;
}
.index_wrapper .index_header .header_content .btn_group div {
width: 120px;
margin-right: 20px;
}
.index_wrapper .index_header .header_content .header_qrcode {
width: 120px;
position: absolute;
top: 50px;
box-shadow: 0px 6px 14px 0px rgba(173, 182, 191, 0.5);
}
.index_wrapper .index_header .header_content .header_qrcode.app_qrcode {
left: 140px;
}
.index_wrapper .index_footer {
position: absolute;
bottom: 0;
......@@ -534,6 +544,21 @@ body {
text-align: center;
margin-top: 5px;
}
.pull_qrcode {
display: none;
height: 130px;
background-color: #fff;
font-size: 12px;
color: #ADB6BF;
text-align: center;
}
.pull_qrcode img {
width: 80px;
margin-top: 14px;
}
.pull_qrcode p {
margin-top: 7px;
}
@media screen and (max-width: 768px) {
.pc_wrapper {
display: none;
......
dist/css/common/base.less
......@@ -283,7 +283,7 @@ body {
background: rgba(234, 173, 55, 0.9);
box-shadow: 0px 2px 9px 0px rgba(242, 191, 97, 0.5);
position: fixed;
top:160px;
top: 160px;
right: 20px;
cursor: pointer;
text-align: center;
......@@ -371,18 +371,21 @@ body {
margin-top: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #F5F9FC;
line-height:20px;
line-height: 20px;
.price {
color: #EA1717;
font-size: 14px;
font-weight: 600;
}
.xjNum{
.xjNum {
color: #EAA217;
font-size: 14px;
font-weight: 600;
}
.xj0{
.xj0 {
color: #61A0F2;
font-size: 14px;
font-weight: 600;
......@@ -401,7 +404,7 @@ body {
div {
color: #ADB6BF;
line-height:16px;
line-height: 16px;
&.total,
&.date {
......@@ -501,12 +504,15 @@ body {
color: #fff;
height: 40px;
line-height: 40px;
&.btn_blue{
&.btn_blue {
background-color: #0D84D1;
&:hover{
&:hover {
background-color: #61A0F2 !important;
}
}
&.btn_48 {
height: 48px;
line-height: 48px;
......@@ -523,7 +529,8 @@ body {
&.btn_yellow {
background-color: #EAAD37;
&:hover{
&:hover {
background-color: #F2BF61 !important;
}
}
......@@ -601,12 +608,25 @@ body {
.btn_group {
margin-top: 10px;
position: relative;
div {
width: 120px;
margin-right: 20px;
}
}
.header_qrcode {
width: 120px;
position: absolute;
top: 50px;
box-shadow: 0px 6px 14px 0px rgba(173, 182, 191, 0.5);
&.app_qrcode {
left: 140px;
}
}
}
}
......@@ -664,6 +684,24 @@ body {
}
}
.pull_qrcode {
display: none;
height: 130px;
background-color: #fff;
font-size: 12px;
color: #ADB6BF;
text-align: center;
img {
width: 80px;
width: 80px;
margin-top: 14px;
}
p {
margin-top: 7px;
}
}
@media screen and (max-width: 768px) {
.pc_wrapper {
......@@ -684,7 +722,8 @@ body {
display: none;
}
}
.layui-icon-refresh{
.layui-icon-refresh {
display: none !important;
}
......
dist/css/common/ie.css
......@@ -21,3 +21,6 @@
.edit_div {
background: #eaad37;
}
.mobile_wrapper {
display: none;
}
dist/css/common/ie.less
......@@ -24,4 +24,7 @@
}
.edit_div{
background:rgb(234,173,55);
}
.mobile_wrapper{
display: none;
}
\ No newline at end of file
dist/css/index.css
......@@ -142,7 +142,7 @@
top: 149px;
right: 65px;
font-size: 14px;
background-color: #ADB6BF;
background-color: #2E3033;
border-radius: 4px;
text-align: left;
padding-left: 54px;
......@@ -150,6 +150,7 @@
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div.android {
top: 217px;
background-color: #5BCC52;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div span {
position: absolute;
......@@ -162,16 +163,38 @@
margin: 0;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div p.phone_type {
font-size: 12px;
font-size: 14px;
margin-top: 8px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div p.text {
font-size: 13px;
font-size: 12px;
opacity: .65;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item img {
height: 100%;
width: 100%;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .rj_qrcode {
width: 140px;
position: absolute;
right: 65px;
z-index: 999;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .rj_qrcode.ios_qrcode {
top: 197px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .rj_qrcode.android_qrcode {
top: 265px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .rj_qrcode img {
height: 80px;
width: 80px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .rj_qrcode p {
font-size: 12px;
color: #ADB6BF;
margin-top: 7px;
}
.index_content .jy_div {
text-align: center;
padding-bottom: 100px;
......@@ -183,7 +206,7 @@
.index_content .jy_div .w_yuan {
background-color: rgba(234, 162, 23, 0.2);
top: 79px;
left: 345px;
left: 383px;
}
.index_content .jy_div p {
color: #8A9299;
......@@ -220,7 +243,7 @@
}
.index_content .hz_div {
text-align: center;
padding-bottom: 100px;
padding-bottom: 60px;
background: linear-gradient(180deg, #f5f9fc 0%, rgba(253, 254, 255, 0) 100%);
}
.index_content .hz_div .width_1190 {
......@@ -236,6 +259,7 @@
color: #8A9299;
font-size: 16px;
margin-top: 25px;
line-height: 200%;
}
.index_content .hz_div .hz_list {
width: 984px;
......@@ -248,6 +272,23 @@
height: 80px;
width: 166px;
}
.index_content .hz_div .about_us_qrcode {
width: 984px;
margin: 60px auto 0;
}
.index_content .hz_div .about_us_qrcode .qrcode {
display: inline-block;
margin-left: 140px;
}
.index_content .hz_div .about_us_qrcode .qrcode img {
width: 120px;
height: 120px;
}
.index_content .hz_div .about_us_qrcode .qrcode p {
margin-top: 16px;
font-size: 14px;
color: #ADB6BF;
}
.mobile_wrapper .mobile_h3_common {
font-size: 6vw;
color: #2E3033;
......@@ -268,6 +309,9 @@
background-color: #fff;
margin: 1.78571429vw;
}
.mobile_wrapper .mobile_top {
padding-bottom: 14.28571429vw;
}
.mobile_wrapper .mobile_top .mobile_top_text {
padding-top: 11.42857143vw;
text-align: center;
......@@ -290,16 +334,16 @@
padding: 10.71428571vw 0;
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_nav span {
border: 1px solid #D8DFE6;
background-color: #D8DFE6;
color: #8A9299;
font-size: 3.14285714vw;
padding: 0.57142857vw 3.85714286vw;
padding: 0.85714286vw 3.85714286vw;
border-radius: 2.85714286vw;
margin-right: 2.85714286vw;
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_nav span.active {
border: 1px solid #0D84D1;
color: #0D84D1;
color: #fff;
background-color: #0D84D1;
}
.mobile_wrapper .mobile_top .mobile_top_text .lb_div {
position: relative;
......@@ -343,7 +387,7 @@
.mobile_wrapper .jy_div .w_yuan {
background-color: rgba(234, 162, 23, 0.2);
top: 12.14285714vw;
left: 11.42857143vw;
left: 14.28571429vw;
}
.mobile_wrapper .jy_div .mobile_h3_common {
padding: 13.57142857vw 0 5vw;
......@@ -389,7 +433,7 @@
.mobile_wrapper .hz_div .w_yuan {
background-color: rgba(13, 132, 209, 0.2);
top: 12vw;
right: 35vw;
right: 33.57142857vw;
}
.mobile_wrapper .hz_div .mobile_h3_common {
padding: 13.57142857vw 0 5vw;
......@@ -397,7 +441,8 @@
.mobile_wrapper .hz_div p {
color: #8A9299;
font-size: 3.42857143vw;
padding: 0 5vw;
padding: 0 2.85714286vw;
line-height: 200%;
}
.mobile_wrapper .hz_div .hz_list {
margin: 2.85714286vw 8.57142857vw;
......@@ -443,4 +488,79 @@
.mobile_wrapper .bottom_section .bottom_bottom img.wb {
margin-left: 11.85714286vw;
}
/*# sourceMappingURL=index.css.map */
\ No newline at end of file
.mobile_wrapper .bottom_fixed {
position: fixed;
height: 14.28571429vw;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 9999;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div {
position: absolute;
top: 0;
width: 300vw;
bottom: 0;
left: 0;
transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
/* IE 9 */
-moz-transition: all 0.4s ease-out;
/* Firefox */
-webkit-transition: all 0.4s ease-out;
/* Safari 和 Chrome */
-o-transition: all 0.4s ease-out;
/* Opera */
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item {
height: 100%;
width: 100vw;
font-size: 4vw;
text-align: center;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.xcx_item {
background-color: #5BCC52;
line-height: 14.28571429vw;
color: #fff;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.xcx_item img {
height: 7.14285714vw;
width: 7.14285714vw;
margin-right: 1.71428571vw;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.xcx_item span {
vertical-align: middle;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.app_item {
color: #fff;
text-align: left;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.app_item .app_item_div {
width: 50%;
height: 100%;
position: relative;
padding-left: 22.57142857vw;
box-sizing: border-box;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.app_item .app_item_div.ios_item {
background-color: #2E3033;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.app_item .app_item_div.android_item {
background-color: #5BCC52;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.app_item .app_item_div .icon {
position: absolute;
left: 10vw;
font-size: 6.85714286vw;
top: 50%;
transform: translateY(-50%);
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.app_item .app_item_div .phone_type {
font-size: 4vw;
padding-top: 2.85714286vw;
}
.mobile_wrapper .bottom_fixed .bottom_fixed_div .fixed_item.app_item .app_item_div .text {
font-size: 2.85714286vw;
opacity: .65;
}
dist/css/index.less
......@@ -163,7 +163,7 @@
top: 149px;
right: 65px;
font-size: 14px;
background-color: #ADB6BF;
background-color: #2E3033;
border-radius: 4px;
text-align: left;
padding-left: 54px;
......@@ -171,6 +171,7 @@
&.android {
top: 217px;
background-color: #5BCC52;
}
span {
......@@ -186,15 +187,17 @@
margin: 0;
&.phone_type {
font-size: 12px;
font-size: 14px;
margin-top: 8px;
}
&.text {
font-size: 13px;
font-size: 12px;
opacity: .65;
}
}
}
img {
......@@ -202,6 +205,32 @@
width: 100%;
}
.rj_qrcode {
width: 140px;
position: absolute;
right: 65px;
z-index: 999;
&.ios_qrcode {
top: 197px;
}
&.android_qrcode {
top: 265px;
}
img {
height: 80px;
width: 80px;
}
p {
font-size: 12px;
color: #ADB6BF;
margin-top: 7px;
}
}
}
}
......@@ -222,7 +251,7 @@
.w_yuan {
background-color: rgba(234, 162, 23, .2);
top: 79px;
left: 345px;
left: 383px;
}
p {
......@@ -271,7 +300,7 @@
.hz_div {
text-align: center;
padding-bottom: 100px;
padding-bottom: 60px;
background: linear-gradient(180deg, rgba(245, 249, 252, 1) 0%, rgba(253, 254, 255, 0) 100%);
.width_1190 {
......@@ -289,6 +318,7 @@
color: #8A9299;
font-size: 16px;
margin-top: 25px;
line-height: 200%;
}
.hz_list {
......@@ -304,6 +334,27 @@
}
}
}
.about_us_qrcode {
width: 984px;
margin: 60px auto 0;
.qrcode {
display: inline-block;
margin-left: 140px;
img {
width: 120px;
height: 120px;
}
p {
margin-top: 16px;
font-size: 14px;
color: #ADB6BF;
}
}
}
}
}
......@@ -335,6 +386,8 @@
}
.mobile_top {
padding-bottom: 100vw/@fixedNum;
.mobile_top_text {
padding-top: 80vw/@fixedNum;
text-align: center;
......@@ -362,16 +415,16 @@
.lb_nav {
span {
border: 1px solid #D8DFE6;
background-color: #D8DFE6;
color: #8A9299;
font-size: 22vw/@fixedNum;
padding: 4vw/@fixedNum 27vw/@fixedNum;
padding: 6vw/@fixedNum 27vw/@fixedNum;
border-radius: 20vw/@fixedNum;
margin-right: 20vw/@fixedNum;
&.active {
border: 1px solid #0D84D1;
color: #0D84D1;
color: #fff;
background-color: #0D84D1
}
}
}
......@@ -430,7 +483,7 @@
.w_yuan {
background-color: rgba(234, 162, 23, .2);
top: 85vw/@fixedNum;
left: 80vw/@fixedNum;
left: 100vw/@fixedNum;
}
.mobile_h3_common {
......@@ -468,7 +521,7 @@
font-size: 24vw/@fixedNum;
color: #ADB6BF;
margin-top: 7px;
text-align: left;
text-align: left
}
}
......@@ -488,7 +541,7 @@
.w_yuan {
background-color: rgba(13, 132, 209, .2);
top: 84vw/@fixedNum;
right: 245vw/@fixedNum;
right: 235vw/@fixedNum;
}
.mobile_h3_common {
......@@ -498,7 +551,8 @@
p {
color: #8A9299;
font-size: 24vw/@fixedNum;
padding: 0 35vw/@fixedNum;
padding: 0 20vw/@fixedNum;
line-height: 200%;
}
.hz_list {
......@@ -518,39 +572,129 @@
}
}
}
.bottom_section{
margin:0 20vw/@fixedNum;
padding-bottom:60vw/@fixedNum;
border-top:1px solid #E6ECF2;
.bottom_section {
margin: 0 20vw/@fixedNum;
padding-bottom: 60vw/@fixedNum;
border-top: 1px solid #E6ECF2;
font-size: 24vw/@fixedNum;
color:#ADB6BF;
color: #ADB6BF;
text-align: center;
.bottom_top{
margin-top:32vw/@fixedNum;
i{
color:#686E73;
.bottom_top {
margin-top: 32vw/@fixedNum;
i {
color: #686E73;
}
.phone{
margin-left:40vw/@fixedNum;
.phone {
margin-left: 40vw/@fixedNum;
}
}
.bottom_center{
.bottom_center {
font-size: 22vw/@fixedNum;
margin-top:12vw/@fixedNum;
margin-top: 12vw/@fixedNum;
}
.bottom_bottom{
margin-top:50vw/@fixedNum;
img{
height:80vw/@fixedNum;
width:80vw/@fixedNum;
&.wb{
margin-left:83vw/@fixedNum;
.bottom_bottom {
margin-top: 50vw/@fixedNum;
img {
height: 80vw/@fixedNum;
width: 80vw/@fixedNum;
&.wb {
margin-left: 83vw/@fixedNum;
}
}
}
}
.bottom_fixed {
position: fixed;
height: 100vw/@fixedNum;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 9999;
.bottom_fixed_div {
position: absolute;
top: 0;
width: 300vw;
bottom: 0;
left: 0;
transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
/* IE 9 */
-moz-transition: all .4s ease-out;
/* Firefox */
-webkit-transition: all .4s ease-out;
/* Safari 和 Chrome */
-o-transition: all .4s ease-out;
/* Opera */
.fixed_item {
height: 100%;
width: 100vw;
font-size: 28vw/@fixedNum;
text-align: center;
&.xcx_item {
background-color: #5BCC52;
line-height: 100vw/@fixedNum;
color: #fff;
img {
height: 50vw/@fixedNum;
width: 50vw/@fixedNum;
margin-right: 12vw/@fixedNum
}
span {
vertical-align: middle;
}
}
&.app_item {
color: #fff;
text-align: left;
.app_item_div {
width: 50%;
height: 100%;
position: relative;
padding-left:158vw/@fixedNum;
box-sizing: border-box;
&.ios_item {
background-color: #2E3033
}
&.android_item {
background-color: #5BCC52
}
.icon{
position: absolute;
left:70vw/@fixedNum;
font-size: 48vw/@fixedNum;
top:50%;
transform: translateY(-50%);
}
.phone_type{
font-size: 28vw/@fixedNum;
padding-top:20vw/@fixedNum;
}
.text{
font-size: 20vw/@fixedNum;
opacity: .65;
}
}
}
}
}
}
}
\ No newline at end of file
dist/js/goodmanage/gooddetail.js
......@@ -90,7 +90,7 @@ $(function () {
userName: name,
targetId: id,
userImg: userImg,
touserid: Util.getCookie('user_id') || ""
touserid:id
};
Util.setCookie('templateBoolean', '1', 1, cookieHostname)
Util.setCookie('template', JSON.stringify(obj), 1, cookieHostname)
......
dist/js/quoteprice/inquirydetail.js
$(function () {
var inquiryDetail = {
isClick: true,
info: "",
init: function () {
this.getUserData();
this.getBjData(1);
this.bindFun();
},
getUserData: function () {
var me = this;
IcController.getData(apis.inquiryInfo, 'GET', {
"inquiry_items_id/eq": Util.getRequest('id') || "",
"token": Util.getCookie('token') || ""
......@@ -14,6 +16,7 @@ $(function () {
var getNav = navTpl.innerHTML,
getDetail = detailTpl.innerHTML;
if (res.errcode == 0) {
me.info = res.inquiry_list[Util.getRequest('id') || ''];
layui.laytpl(getNav).render(res.inquiry_list[Util.getRequest('id') || ''], function (html) {
$(".inquiry_detail_content .nav_title").empty().html(html);
});
......@@ -83,17 +86,26 @@ $(function () {
id = $(this).attr('userid'),
userImg = $(this).attr('avatar'),
parent = $(this).parents('.bj_item'),
type = parent.find('.goods_name').text(),
price = parent.find('.price').text(),
brand = parent.find('.brand').find('span').text(),
fz = parent.find('.fz').find('span').text(),
num = parent.find('.num').find('span').text(),
hq = parent.find('.hq').find('span').text(),
time = parent.find('.time').find('span').text(),
img = $('.xj_img').attr('src'),
name = parent.find('.name').text(),
obj = {
type,
price,
brand,
fz,
num,
hq,
time,
img,
name = parent.find('.name').text();
if (self.info) {
type = self.info.goods_name;
price = self.info.currency == 1 ? '￥' + self.info.price : '$' + self.info.price;
brand = self.info.brand_name;
fz = self.info.encap;
num = self.info.number + '';
hq = self.info.delivery_time;
time = $('.nav_title .fr').text();
img = self.info.goods_images || ''
};
var obj = {
userId: userId,
type: type,
price: price,
......@@ -104,13 +116,18 @@ $(function () {
time: time,
goodImage: img,
userName: name,
targetId:id,
userImg:userImg,
touserid: Util.getCookie('user_id') || ""
targetId: id,
userImg: userImg,
touserid:id
};
Util.setCookie('templateBoolean', '1', 1, cookieHostname)
Util.setCookie('template', JSON.stringify(obj), 1, cookieHostname)
window.location.href = '/chat'
if (!self.info) {
return;
} else {
console.log(obj)
Util.setCookie('templateBoolean', '1', 1, cookieHostname)
Util.setCookie('template', JSON.stringify(obj), 1, cookieHostname)
window.location.href = '/chat'
}
} else {
return
}
......
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