Skip to content

施宇 / icsales

Go to a project
Commit 7133a501 by 施宇
Options

111

parent 7aac1bbf
Expand all
Inline Side-by-side
Showing with 182 additions and 29 deletions
Application/Home/View/Index/index.html
...@@ -36,7 +36,26 @@ ...@@ -36,7 +36,26 @@
<span>手机版</span> <span>手机版</span>
</div> </div>
<div class="lb_div"> <div class="lb_div">
<img src="__PUBLIC__/images/test.jpg" alt=""> <div class="lb_div_content clr">
<div class="lb_item fl">
<img src="__PUBLIC__/images/lb1.png" alt="">
</div>
<div class="lb_item fl">
<img src="__PUBLIC__/images/lb2.png" alt="">
<div class="qrcode_div">
<div class="xcx_div">
<img src="__PUBLIC__/images/xcx.png" alt="">
</div>
<p>微信扫一扫，进入小程序</p>
</div>
</div>
<div class="lb_item fl">
<img src="__PUBLIC__/images/lb3.png" alt="">
<div class="btn_div btn">
<span class="icon iconfont iconjuxing25"></span>
</div>
</div>
</div>
</div> </div>
</div> </div>
...@@ -62,7 +81,7 @@ ...@@ -62,7 +81,7 @@
<h4 class="bold">一键发布商品</h4> <h4 class="bold">一键发布商品</h4>
<div>只要使用微信或手机登录，无需经过复杂的流程，即可手机一键免费发布商品。</div> <div>只要使用微信或手机登录，无需经过复杂的流程，即可手机一键免费发布商品。</div>
</div> </div>
<div class="jy_li fl"> <div class="jy_li fl last_jy_li">
<img src="__PUBLIC__/images/jy4.png" alt=""> <img src="__PUBLIC__/images/jy4.png" alt="">
<h4 class="bold">无延迟沟通</h4> <h4 class="bold">无延迟沟通</h4>
<div>询价内容，自动发送到当前消息对话。询报价消息实时同步推送，零延迟沟通。</div> <div>询价内容，自动发送到当前消息对话。询报价消息实时同步推送，零延迟沟通。</div>
...@@ -110,6 +129,14 @@ ...@@ -110,6 +129,14 @@
<include file="public/indexfoot" /> <include file="public/indexfoot" />
</div> </div>
<script>
$('.lb_nav span').click(function () {
var index = $(this).index();
$('.lb_div_content').css('left',-(index*1190)+'px');
$(this).addClass('active').siblings().removeClass('active')
})
</script>
</body> </body>
......
dist/css/index.css
...@@ -73,9 +73,60 @@ ...@@ -73,9 +73,60 @@
color: #0D84D1; color: #0D84D1;
} }
.index_content .top_section .search_section .lb_div { .index_content .top_section .search_section .lb_div {
position: relative;
height: 400px; height: 400px;
overflow: hidden;
}
.index_content .top_section .search_section .lb_div .lb_div_content {
position: absolute;
top: 0;
left: 0;
width: 3570px;
bottom: 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 */
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item {
width: 1190px;
height: 100%;
position: relative;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .qrcode_div {
position: absolute;
top: 149px;
right: 58px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .qrcode_div .xcx_div {
height: 160px;
width: 160px;
background-color: #fff;
} }
.index_content .top_section .search_section .lb_div img { .index_content .top_section .search_section .lb_div .lb_div_content .lb_item .qrcode_div .xcx_div img {
height: 120px;
width: 120px;
margin-top: 20px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .qrcode_div p {
font-size: 14px;
color: #8A9299;
margin-top: 12px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item .btn_div {
position: absolute;
height: 48px;
width: 140px;
color: #fff;
top: 0;
font-size: 14px;
}
.index_content .top_section .search_section .lb_div .lb_div_content .lb_item img {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
...@@ -94,7 +145,10 @@ ...@@ -94,7 +145,10 @@
} }
.index_content .jy_div .jy_ul .jy_li { .index_content .jy_div .jy_ul .jy_li {
width: 200px; width: 200px;
margin-right: 97.5px; margin-right: 130px;
}
.index_content .jy_div .jy_ul .jy_li.last_jy_li {
margin: 0;
} }
.index_content .jy_div .jy_ul .jy_li img { .index_content .jy_div .jy_ul .jy_li img {
height: 200px; height: 200px;
...@@ -125,7 +179,7 @@ ...@@ -125,7 +179,7 @@
} }
.index_content .hz_div .hz_list { .index_content .hz_div .hz_list {
width: 984px; width: 984px;
margin: 10px auto 0; margin: 10px auto 0;
} }
.index_content .hz_div .hz_list .hz_item { .index_content .hz_div .hz_list .hz_item {
margin: 10px 80px 0 0; margin: 10px 80px 0 0;
......
dist/css/index.less
.index_content { .index_content {
.h3_common{ .h3_common {
font-size: 38px; font-size: 38px;
color: #2E3033; color: #2E3033;
padding-top: 90px; padding-top: 90px;
} }
.top_section { .top_section {
height: 710px; height: 710px;
background-color: #fff; background-color: #fff;
position: relative; position: relative;
text-align: center; text-align: center;
.search_section { .search_section {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -86,13 +87,68 @@ ...@@ -86,13 +87,68 @@
} }
.lb_div { .lb_div {
position: relative;
height: 400px; height: 400px;
overflow: hidden;
.lb_div_content {
position: absolute;
top: 0;
left: 0;
width: 3570px;
bottom: 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 */
.lb_item {
width: 1190px;
height: 100%;
position: relative;
.qrcode_div{
position: absolute;
top:149px;
right:58px;
.xcx_div{
height:160px;
width:160px;
background-color: #fff;
img{
height:120px;
width:120px;
margin-top:20px;
}
}
p{
font-size: 14px;
color:#8A9299;
margin-top:12px;
}
}
.btn_div{
position: absolute;
height:48px;
width:140px;
color:#fff;
top:0;
font-size: 14px;
}
img {
height: 100%;
width: 100%;
}
img { }
height: 100%;
width: 100%;
} }
} }
} }
} }
...@@ -109,10 +165,15 @@ ...@@ -109,10 +165,15 @@
} }
.jy_ul { .jy_ul {
margin-top:60px; margin-top: 60px;
.jy_li { .jy_li {
width: 200px; width: 200px;
margin-right: 97.5px; margin-right: 130px;
&.last_jy_li {
margin: 0;
}
img { img {
height: 200px; height: 200px;
...@@ -142,24 +203,28 @@ ...@@ -142,24 +203,28 @@
.hz_div { .hz_div {
text-align: center; text-align: center;
padding-bottom:100px; padding-bottom: 100px;
background: linear-gradient(180deg, rgba(245, 249, 252, 1) 0%, rgba(253, 254, 255, 0) 100%); background: linear-gradient(180deg, rgba(245, 249, 252, 1) 0%, rgba(253, 254, 255, 0) 100%);
p{
color: #8A9299; p {
font-size: 16px; color: #8A9299;
margin-top:25px; font-size: 16px;
} margin-top: 25px;
.hz_list{ }
width:984px;
margin:10px auto 0; .hz_list {
.hz_item{ width: 984px;
margin:10px 80px 0 0; margin: 10px auto 0;
img{
height:80px; .hz_item {
width:166px; margin: 10px 80px 0 0;
}
} img {
} height: 80px;
width: 166px;
}
}
}
} }
} }
\ No newline at end of file
dist/fonts/iconfont.eot
No preview for this file type
dist/fonts/iconfont.svg
...@@ -101,6 +101,12 @@ Created by iconfont ...@@ -101,6 +101,12 @@ Created by iconfont
<glyph glyph-name="juxing23" unicode="&#58907;" d="M516.352 121.6a44.8 44.8 0 0 1 0 89.5488 44.8 44.8 0 0 1 0-89.6z m0 150.9888c58.5216 0 106.1888-47.6672 106.1888-106.24 0-58.5216-47.616-106.1888-106.1888-106.1888a106.3424 106.3424 0 0 0-106.24 106.1888c0 58.5728 47.6672 106.24 106.24 106.24z m270.592-130.9184V640c0 73.4208-59.7504 133.12-133.12 133.12H378.88A133.2736 133.2736 0 0 1 245.76 640v-498.3296c0-73.3696 59.6992-133.12 133.12-133.12h274.944c73.3696 0 133.12 59.7504 133.12 133.12zM653.824 834.56c107.264 0 194.56-87.296 194.56-194.56v-498.3296c0-107.264-87.296-194.56-194.56-194.56H378.88a194.7648 194.7648 0 0 0-194.56 194.56V640c0 107.264 87.296 194.56 194.56 194.56h274.944z" horiz-adv-x="1024" /> <glyph glyph-name="juxing23" unicode="&#58907;" d="M516.352 121.6a44.8 44.8 0 0 1 0 89.5488 44.8 44.8 0 0 1 0-89.6z m0 150.9888c58.5216 0 106.1888-47.6672 106.1888-106.24 0-58.5216-47.616-106.1888-106.1888-106.1888a106.3424 106.3424 0 0 0-106.24 106.1888c0 58.5728 47.6672 106.24 106.24 106.24z m270.592-130.9184V640c0 73.4208-59.7504 133.12-133.12 133.12H378.88A133.2736 133.2736 0 0 1 245.76 640v-498.3296c0-73.3696 59.6992-133.12 133.12-133.12h274.944c73.3696 0 133.12 59.7504 133.12 133.12zM653.824 834.56c107.264 0 194.56-87.296 194.56-194.56v-498.3296c0-107.264-87.296-194.56-194.56-194.56H378.88a194.7648 194.7648 0 0 0-194.56 194.56V640c0 107.264 87.296 194.56 194.56 194.56h274.944z" horiz-adv-x="1024" />
<glyph glyph-name="juxing24" unicode="&#58908;" d="M639.812284 681.150719v43.942566h-41.937419v-43.942566h41.937419z m-213.782713 0v43.942566h-41.93742v-43.942566h41.93742z m235.753996 121.887291C732.39031 752.440066 767.672351 683.838468 767.672351 597.318544H256.232085c0 87.885131 34.6421 156.486728 103.9263 205.762128L304.184943 859.011452c-10.665671 10.665671-10.665671 20.648739 0 29.949205 10.665671 9.343128 20.648739 9.343128 29.949204 0l63.951365-63.908702A236.479262 236.479262 0 0 0 511.952218 852.996014c39.932273 0 77.21946-9.300465 111.861559-27.944059L687.765142 888.960657c10.665671 9.343128 20.648739 9.343128 29.949205 0 9.343128-9.300465 9.343128-19.283534 0-29.949205l-55.888117-55.973442z m211.777567-249.747357c17.278387 0 32.25299-6.314077 44.923807-18.984895 12.71348-12.628155 19.027557-27.602757 18.984895-44.923807v-297.657552c0-18.643593-6.314077-33.959497-18.984895-45.947711a63.140774 63.140774 0 0 0-44.923807-18.003653 63.140774 63.140774 0 0 0-44.96647 18.003653c-12.670817 11.945552-18.984895 27.304118-18.984894 45.947711V489.381951c0 17.278387 6.314077 32.25299 18.984894 44.923807a61.220953 61.220953 0 0 0 44.96647 18.984895z m-723.217833 0c17.32105 0 32.295652-6.314077 44.96647-18.984895 12.670817-12.628155 19.027557-27.602757 18.984895-44.923807v-297.657552c0-18.643593-6.314077-33.959497-18.984895-45.947711a63.140774 63.140774 0 0 0-44.96647-18.003653 63.140774 63.140774 0 0 0-44.923807 18.003653c-12.670817 11.945552-18.984895 27.304118-18.984895 45.947711V489.381951c0 17.278387 6.314077 32.25299 18.984895 44.923807a61.220953 61.220953 0 0 0 44.923807 18.984895z m105.888784-425.517618V553.290653h511.440266v-425.517618a40.657539 40.657539 0 0 0-11.945552-29.949205 40.657539 40.657539 0 0 0-29.991868-11.988215h-43.942565v-149.831349c0-18.643593-6.314077-33.959497-18.984895-45.947711a63.140774 63.140774 0 0 0-44.923807-18.003653 63.140774 63.140774 0 0 0-44.96647 18.003653c-12.670817 11.945552-18.984895 27.304118-18.984894 45.947711V85.792953h-83.917501v-149.831349c0-18.643593-6.314077-33.959497-18.984895-45.947712A63.140774 63.140774 0 0 0 406.063434-127.947098a63.140774 63.140774 0 0 0-44.923807 18.003653c-12.670817 11.945552-18.984895 27.304118-18.984895 45.947711V85.792953H298.212167a40.657539 40.657539 0 0 0-29.949205 11.945551 40.657539 40.657539 0 0 0-11.988214 29.991868h-0.042663z" horiz-adv-x="1066" />
<glyph glyph-name="juxing25" unicode="&#58909;" d="M812.202667 345.173333c-7.210667 96.128 56.405333 156.842667 116.394666 199.04-56.405333 50.602667-105.386667 99.498667-209.066666 104.490667-83.626667 3.413333-121.813333-43.818667-200.021334-45.482667-72.704-1.706667-67.328 52.266667-218.197333 37.077334-130.816-13.482667-245.418667-134.912-236.330667-305.194667C74.112 151.296 212.309333-103.253333 341.333333-103.253333c90.88 1.706667 112.725333 42.112 187.306667 42.112 92.714667 0 114.517333-50.602667 187.306667-40.533334 125.482667 16.938667 243.626667 200.618667 243.626666 259.626667-69.12 33.792-138.24 91.093333-147.328 187.221333zM706.816 871.253333c-172.714667-21.930667-221.824-168.618667-212.736-235.989333 132.693333-6.741333 232.704 123.093333 212.736 235.946667z" horiz-adv-x="1066" />
</font> </font>
......
dist/fonts/iconfont.ttf
No preview for this file type
dist/fonts/iconfont.woff
No preview for this file type
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