Authored by 李靖

首页添加more

... ... @@ -107,7 +107,11 @@
</a>
</div>
</div>
<div class="big-title">mars 城市探索方案</div>
<div class="big-title">mars 城市探索方案
<span class="h5-more">
<a href="#">More</a>&nbsp;&gt;
</span>
</div>
<div class="small-title">只用 1 天就能玩遍重要地标的方案</div>
<div class="search-list">
<div class="srcoll-c">
... ... @@ -176,7 +180,14 @@
</a>
</div>
</div>
<div class="big-title">mars 新鲜优选</div>
<p class="pc-more">
<a href="#">more</a>&nbsp;&gt;
</p>
<div class="big-title">mars 新鲜优选
<span class="h5-more">
<a href="#">More</a>&nbsp;&gt;
</span>
</div>
<div class="small-title">每日推荐各地新鲜好去处</div>
<div class="search-list">
<div class="srcoll-c">
... ... @@ -238,6 +249,9 @@
</a>
</div>
</div>
<p class="pc-more">
<a href="#">more</a>&nbsp;&gt;
</p>
<div class="big-title">mars here 城市生活指南</div>
<div class="small-title">年轻人的「潮流护照」</div>
<div class="city-list-2">
... ...
... ... @@ -35,6 +35,7 @@
line-height: 80px;
padding: 0 25px;
background-color: #f6f6f6;
position: relative;
}
.small-title {
... ... @@ -141,6 +142,24 @@
}
}
.pc-more {
display: none;
}
.h5-more {
line-height: 80px;
position: absolute;
top: 0;
right: 30px;
color: #b0b0b0;
a {
color: #1a1a1a;
font-size: 32px;
vertical-align: bottom;
text-decoration: none;
}
}
.city-list-2 {
padding-left: 20px;
... ... @@ -262,6 +281,25 @@
line-height: 20px;
}
.h5-more {
display: none;
}
.pc-more {
font-size: 20px;
color: #89b374;
text-align: center;
line-height: 30px;
a {
font-size: 20px;
color: #89b374;
display: inline-block;
text-decoration: underline;
vertical-align: bottom;
}
}
.city-list {
margin-top: 25px;
line-height: 0;
... ...