Skip to content

施宇 / icsales

Go to a project
Commit 7133a501 by 施宇
Options

111

parent 7aac1bbf
Expand all
Inline Side-by-side
Showing with 170 additions and 18 deletions
Application/Home/View/Index/index.html
......@@ -36,7 +36,26 @@
<span>手机版</span>
</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>
......@@ -62,7 +81,7 @@
<h4 class="bold">一键发布商品</h4>
<div>只要使用微信或手机登录，无需经过复杂的流程，即可手机一键免费发布商品。</div>
</div>
<div class="jy_li fl">
<div class="jy_li fl last_jy_li">
<img src="__PUBLIC__/images/jy4.png" alt="">
<h4 class="bold">无延迟沟通</h4>
<div>询价内容，自动发送到当前消息对话。询报价消息实时同步推送，零延迟沟通。</div>
......@@ -110,6 +129,14 @@
<include file="public/indexfoot" />
</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>
......
dist/css/index.css
......@@ -73,9 +73,60 @@
color: #0D84D1;
}
.index_content .top_section .search_section .lb_div {
position: relative;
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%;
width: 100%;
}
......@@ -94,7 +145,10 @@
}
.index_content .jy_div .jy_ul .jy_li {
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 {
height: 200px;
......
dist/css/index.less
.index_content {
.h3_common{
.h3_common {
font-size: 38px;
color: #2E3033;
padding-top: 90px;
}
.top_section {
height: 710px;
background-color: #fff;
......@@ -86,8 +87,59 @@
}
.lb_div {
position: relative;
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%;
......@@ -95,6 +147,10 @@
}
}
}
}
}
.jy_div {
......@@ -109,10 +165,15 @@
}
.jy_ul {
margin-top:60px;
margin-top: 60px;
.jy_li {
width: 200px;
margin-right: 97.5px;
margin-right: 130px;
&.last_jy_li {
margin: 0;
}
img {
height: 200px;
......@@ -142,21 +203,25 @@
.hz_div {
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%);
p{
p {
color: #8A9299;
font-size: 16px;
margin-top:25px;
margin-top: 25px;
}
.hz_list{
width:984px;
margin:10px auto 0;
.hz_item{
margin:10px 80px 0 0;
img{
height:80px;
width:166px;
.hz_list {
width: 984px;
margin: 10px auto 0;
.hz_item {
margin: 10px 80px 0 0;
img {
height: 80px;
width: 166px;
}
}
}
......
dist/fonts/iconfont.eot
No preview for this file type
dist/fonts/iconfont.svg
......@@ -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="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>
......
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