fe / yohobuywap-node · Commits

Go to a project

Authored by 陈轩
Commit 392dde461b04628d12313143e98fd170df867416 1 parent 6d61921f

FIX samsung s6

Inline Side-by-side
Showing 3 changed files with 52 additions and 46 deletions
... ... @@ -6,9 +6,15 @@
<section class="vip-day-sec qiangjuan" id="qiangquan">
<div class="content">
<ul class="chits">
<li class="chit chit10"></li>
<li class="chit chit30"></li>
<li class="chit chit60"></li>
<li>
<div class="chit chit10"></div>
</li>
<li>
<div class="chit chit30"></div>
</li>
<li>
<div class="chit chit60"></div>
</li>
</ul>
<button class="qiangjuan-foucs" data-toggle="ymodal" data-target="#chit-qcode">立刻关注抢优惠券</button>
</div>
... ...
<li class="vip-good">
<img class="vip-good-show" src="{{image defaultImages 220 115}}" alt="">
<div class="vip-good-price">
{{!--
<div class="text-right">
<sup>¥</sup><span>539</span>
<div style="border: 1px solid #000;">
<img class="vip-good-show" src="{{image defaultImages 220 115}}" alt="">
<div class="vip-good-price">
{{!--
<div class="text-right">
<sup>¥</sup><span>539</span>
</div>
<div class="text-left">
<span class="disable-price">¥539</span>
</div>
--}}
{{#if marketPrice}}
<sup>¥</sup><span>{{salesPrice}}</span><span class="disable-price">¥{{marketPrice}}</span>
{{else}}
<sup>¥</sup><span>{{salesPrice}}</span>
{{/if}}
</div>
<div class="text-left">
<span class="disable-price">¥539</span>
<div class="vip-good-bottom">
<h6 class="vip-good-name line-clamp-2">{{productName}}</h6>
<button class="vip-good-fav" type="button">马上购买</button>
</div>
--}}
{{#if marketPrice}}
<sup>¥</sup><span>{{salesPrice}}</span><span class="disable-price">¥{{marketPrice}}</span>
{{else}}
<sup>¥</sup><span>{{salesPrice}}</span>
{{/if}}
</div>
<div class="vip-good-bottom">
<h6 class="vip-good-name line-clamp-2">{{productName}}</h6>
<button class="vip-good-fav" type="button">马上购买</button>
</div>
<a class="vip-good-link" href='{{url}}'></a>
</li>
\ No newline at end of file
... ...
... ... @@ -13,7 +13,7 @@
position: relative;
height: 466px;
background: resolve("activity/vip_day/foot-app.png");
background-size: cover;
background-size: 100% 100%;
margin-bottom: 116px;
.app-download {
... ... @@ -71,22 +71,27 @@
margin-top: 31px;
margin-bottom: 25px;
overflow: hidden;
li {
float: left;
width: 33.3333333%;
padding-right: 7px;
&:last-of-type {
padding-right: 0;
}
}
}
.chit {
display: inline-block;
width: 212px;
display: block;
height: 89px;
margin-right: 7px;
}
.chit:last-of-type {
margin-right: 0;
background-size: 100% 100%;
}
.chit10 { background-image: url("/activity/vip_day/chit10.png"); }
.chit30 { background-image: url("/activity/vip_day/chit30.png"); }
.chit60 { background-image: url("/activity/vip_day/chit60.png"); }
.chit10 { background-image: resolve("activity/vip_day/chit10.png"); }
.chit30 { background-image: resolve("activity/vip_day/chit30.png"); }
.chit60 { background-image: resolve("activity/vip_day/chit60.png"); }
}
.qiangjuan-foucs {
... ... @@ -222,9 +227,10 @@
.vip-good {
position: relative;
float: left;
width: 222px;
border: 1PX solid #000;
margin-right: 8px;
// width: 222px;
width: 33.3333%;
// border: 1PX solid #000;
padding-right: 8px;
&:nth-child(3n) {
margin-right: 0;
... ... @@ -250,15 +256,6 @@
position: relative;
text-align: center;
/*
> div {
font-size: 20px;
float: left;
width: 50%;
line-height: 38px;
}
*/
sup {
font-size: 10px;
vertical-align: text-top;
... ... @@ -301,7 +298,7 @@
.vip-good-name {
font-size: 20px;
color: #fff;
height: 53px;
height: 2em;
margin-bottom: 10px;
}
... ... @@ -337,7 +334,8 @@
.mirror {
float: left;
width: 400px;
width: 60%;
// width: 430px;
margin-right: 35px;
padding: 5px;
background-color: #e9e9ea;
... ... @@ -465,7 +463,7 @@
height: 47px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-size: 100% 100%;
}
.bg-chit {
background-image: resolve("activity/vip_day/get-chit.png");
... ...