Skip to content

肖康 / ichunt3.0_h5

Go to a project
Commit dbd41d0b by 梁建民
Options

css

parent 0377ef70
Inline Side-by-side
Showing with 102 additions and 38 deletions
src/assets/css/base.scss
......@@ -154,12 +154,32 @@ body {
@media (min-width: 750px) {
html {
background: rgba(0,0,0,0.5);
}
background: rgba(0, 0, 0, 0.5);
body {
max-width: 480px;
margin: 0 auto;
background: #fff;
.main-interface {
.container-wrap {
&::-webkit-scrollbar {
width: 10px;
height: 11px;
}
&::-webkit-scrollbar-thumb {
background-color: #ffffff;
box-shadow: 0px 0px 0px 0px rgba(73, 73, 73, 0.92);
border-radius: 10px;
border: solid 1px #e5e5e5;
padding: 2px;
}
&::-webkit-scrollbar-track {
background-color: #eeeeee;
box-shadow: inset 1px 3px 5px 0px rgba(192, 186, 186, 0.75);
border-radius: 10px;
}
}
}
}
}
}
......
src/assets/css/global.min.css
......@@ -59,7 +59,10 @@ body { overflow-x: hidden; }
.emptys { margin-left: -1px; width: 1px; height: 100%; font-size: 0; vertical-align: middle; }
@media (min-width: 750px) { html { background: rgba(0, 0, 0, 0.5); }
body { max-width: 480px; margin: 0 auto; background: #fff; } }
html body { max-width: 480px; margin: 0 auto; background: #fff; }
html body .main-interface .container-wrap::-webkit-scrollbar { width: 10px; height: 11px; }
html body .main-interface .container-wrap::-webkit-scrollbar-thumb { background-color: #ffffff; box-shadow: 0px 0px 0px 0px rgba(73, 73, 73, 0.92); border-radius: 10px; border: solid 1px #e5e5e5; padding: 2px; }
html body .main-interface .container-wrap::-webkit-scrollbar-track { background-color: #eeeeee; box-shadow: inset 1px 3px 5px 0px rgba(192, 186, 186, 0.75); border-radius: 10px; } }
#app { height: 100%; }
.navigator { order: 1; width: 100%; height: 2rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 2019; }
......@@ -71,7 +74,7 @@ body { overflow-x: hidden; }
.navigator ul li .ico-3 { background: url("../images/home/i3.png") no-repeat center center; background-size: cover; }
.navigator ul li .ico-4 { background: url("../images/home/i4.png") no-repeat center center; background-size: cover; }
.navigator ul li .ico-5 { background: url("../images/home/i5.png") no-repeat center center; background-size: cover; }
.navigator ul li p { margin-top: 10px; font-size: 10px; color: #adadad; }
.navigator ul li p { margin-top: 0.133rem; font-size: 10px; color: #adadad; }
.navigator ul li.curr .ico-1 { background: url("../images/home/i1_s.png") no-repeat center center; background-size: cover; }
.navigator ul li.curr .ico-2 { background: url("../images/home/i2_s.png") no-repeat center center; background-size: cover; }
.navigator ul li.curr .ico-3 { background: url("../images/home/i3_s.png") no-repeat center center; background-size: cover; }
......
src/assets/css/global.min.css.map
{
"version": 3,
"mappings": "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",
"mappings": "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",
"sources": ["base.scss","global.scss"],
"names": [],
"file": "global.min.css"
......
src/assets/css/global.scss
......@@ -52,7 +52,7 @@ $imgUrl: '../images/';
background-size: cover;
}
p {
margin-top: 10px;
margin-top: 0.133rem;
font-size: 10px;
color: #adadad;
}
......
src/views/home/Index.vue
......@@ -12,10 +12,12 @@
</div>
<div class="search boxsiz">
<div class="search-wrap boxsiz">
<div class="pic">
<img src="../../assets/images/home/logo.png" alt="" class="logo">
<div class="inp">
</div>
<div class="inp boxsiz">
<i></i>
<input type="text" placeholder="请输入元器件型号、参数">
<input type="text" class="boxsiz" placeholder="请输入元器件型号、参数">
</div>
</div>
</div>
......@@ -34,40 +36,54 @@
<a>更多</a>
</div>
<div class="tab-content boxsiz">
<ul class="mt">
<ul class="boxsiz">
<li>
<a href="">
<img src="../../assets/images/home/nav-1.png" alt="">
<p>关于我们</p>
</a>
</li>
<li>
<a href="">
<img src="../../assets/images/home/nav-2.png" alt="">
<p>自营现货</p>
</a>
</li>
<li>
<a href="">
<img src="../../assets/images/home/nav-3.png" alt="">
<p>联营商场</p>
</a>
</li>
<li>
<a href="">
<img src="../../assets/images/home/nav-4.png" alt="">
<p>积分商城</p>
</a>
</li>
</ul>
<ul>
<li>
<a href="">
<img src="../../assets/images/home/nav-5.png" alt="">
<p>平台入驻</p>
</a>
</li>
<li>
<a href="">
<img src="../../assets/images/home/nav-6.png" alt="">
<p>SMT工厂</p>
</a>
</li>
<li>
<a href="">
<img src="../../assets/images/home/nav-7.png" alt="">
<p>PCB快板</p>
</a>
</li>
<li>
<a href="">
<img src="../../assets/images/home/nav-8.png" alt="">
<p>资讯中心</p>
</a>
</li>
</ul>
</div>
......@@ -79,10 +95,10 @@
<span class="t1 va-b">自营现货</span>
<span class="t2 va-b">海量商品 正品低价</span>
</div>
<div class="r">
<a class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</a>
</div>
<ul class="boxsiz list">
<li class="boxsiz">
......@@ -172,10 +188,10 @@
<span class="t1 va-b">联营现货</span>
<span class="t2 va-b">一片起订 3小时发货</span>
</div>
<div class="r">
<a class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</a>
</div>
<ul class="boxsiz list">
<li class="boxsiz">
......@@ -229,10 +245,10 @@
<span class="t1 va-b">自营现货</span>
<span class="t2 va-b">海量商品 正品低价</span>
</div>
<div class="r">
<a class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</a>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
......@@ -249,10 +265,10 @@
<span class="t1 va-b">SMT工厂</span>
<span class="t2 va-b">整合多家传统SMT贴片OEM工厂</span>
</div>
<div class="r">
<a class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</a>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
......@@ -269,10 +285,10 @@
<span class="t1 va-b">积分商城</span>
<span class="t2 va-b">积分商城火热上线 EM工厂</span>
</div>
<div class="r">
<a class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</a>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
......@@ -332,10 +348,10 @@
<span class="t1 va-b">进口报关</span>
<span class="t2 va-b">快速 安全 透明 低收费</span>
</div>
<div class="r">
<a class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</a>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
......@@ -352,10 +368,10 @@
<span class="t1 va-b">平台入驻</span>
<span class="t2 va-b">诚邀合作供应商</span>
</div>
<div class="r">
<a class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</a>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
......@@ -371,10 +387,10 @@
<i class="lineBlock va-b"></i>
<span class="t1 va-b">资讯中心</span>
</div>
<div class="r">
<a class="r">
<span class="va-m">更多</span>
<i class="lineBlock va-m"></i>
</div>
</a>
</div>
<ul class="list boxsiz">
<li class="boxsiz">
......@@ -501,8 +517,10 @@
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 1rem;
-webkit-overflow-scrolling: touch;
.head {
position: relative;
height: 5.44rem;
.banner {
position: relative;
height: 5.44rem;
......@@ -547,8 +565,9 @@
}
.search {
position: absolute;
bottom: 0.1rem;
top: 50%;
height: 50px;
margin-top: 20%;
padding: 0 0.267rem;
width: 100%;
.search-wrap {
......@@ -560,14 +579,18 @@
display: flex;
align-items: center;
justify-content: center;
.pic{
margin-left: 0.44rem;
.logo {
width: 60px;
height: 30px;
display: block;
}
}
.inp {
position: relative;
margin-left: 0.307rem;
width: 100%;
i {
position: absolute;
top: 50%;
......@@ -580,13 +603,13 @@
display: block;
}
input {
width: 6.72rem;
height: 30px;
width: 93%;
height: 40px;
line-height: 40px;
border-radius: 5px;
border: solid 1px #e6e6e6;
padding: 5px 0;
font-size: 12px;
text-indent: 4em;
text-indent: 4.5em;
}
}
}
......@@ -639,24 +662,28 @@
display: flex;
justify-content: space-around;
align-items: center;
&.mt {
margin-bottom: 1.4rem;
}
flex-wrap: wrap;
li {
flex: 1;
flex: 0 0 25%;
text-align: center;
&:nth-child(n+5) {
margin-top: 1.4rem;
}
a {
display: block;
img {
width: 38px;
height: 38px;
}
p {
margin-top: 13px;
margin-top: 0.387px;
font-size: 12px;
color: #666666;
}
}
}
}
}
.content {
padding-top: 0.293rem;
background-color: #f8f8f8;
......@@ -703,12 +730,16 @@
display: flex;
flex-wrap: wrap;
padding: 0 0.467rem;
justify-content: space-between;
li {
padding: 0.16rem 0.133rem 0.267rem 0.133rem;
flex: 1;
background: #fff;
margin-right: 0.13rem;
margin-bottom: 0.13rem;
&:nth-of-type(3n) {
margin-right: 0;
}
a {
display: block;
img {
......@@ -739,6 +770,7 @@
.l {
font-size: 12px;
color: #eb0000;
font-weight: bold;
}
.r {
width: 25px;
......@@ -770,12 +802,17 @@
display: flex;
flex-wrap: wrap;
padding: 0 0.467rem;
justify-content: space-between;
li {
height: 1.28rem;
flex: 1;
flex: 0 0 32%;
background: #fff;
margin-right: 0.13rem;
margin-bottom: 0.13rem;
padding: 0 0.133rem;
&:nth-of-type(3n) {
margin-right: 0;
}
a {
width: 100%;
height: 100%;
......@@ -828,6 +865,10 @@
display: flex;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar {
display: none
}
li {
flex: 0 0 44%;
background: #fff;
......
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