fe / yohobuy-node · Commits

Go to a project

Authored by 阿达
Commit d0fa6ebe1c54ed63f9bf1bb9855c94209b80e7ff 1 parent 2287349c

首页vip UI问题fix

Inline Side-by-side
Showing 2 changed files with 44 additions and 5 deletions
... ... @@ -41,22 +41,22 @@
</div>
<div class="good-detail-text">
<a href="{{url}}" target="_blank">{{{productName}}}</a>
{{!-- {{# brandName}} --}}
<p class="brand">
<a href="{{urlFormat url}}">{{brandName}}</a>
</p>
{{!-- {{/ brandName}} --}}
<p class="price">
{{# marketPrice}}
<span class="market-price">¥{{.}}</span>
{{/ marketPrice}}
{{# salesPrice}}
<span class="sale-price{{#unless marketPrice}}prime-cost{{/unless}}">
¥{{salesPrice}}
</span>
{{#vip}}<span class="vip-tag"> VIP </span><strong>{{vipPrice}}</strong>{{/vip}}
{{/ salesPrice}}
{{#vip}}<span class="vip-tag"> VIP </span><strong>更优惠</strong>{{/vip}}
{{#vip1}}<span class="vip-1"> </span><strong>{{vipPrice}}</strong>{{/vip1}}
{{#vip2}}<span class="vip-2"> </span><strong>{{vipPrice}}</strong>{{/vip2}}
{{#vip3}}<span class="vip-3"> </span><strong>{{vipPrice}}</strong>{{/vip3}}
{{#vip3}}<span class="vip-3"> </span><strong>{{vipPrice}}</strong>{{/vip3}}
</p>
</div>
</div>
... ...
... ... @@ -402,12 +402,51 @@
background-image: resolve("sale/vip.png");
background-repeat: no-repeat;
background-size: 100% 90%;
width: 40px;
color: #fff;
font-style: italic;
margin-right: 5px;
margin-left: 5px;
width: 30px;
}
span.vip-1 {
background-image: resolve("product/silver-small.png");
background-repeat: no-repeat;
width: 30px;
display: inline-block;
height: 12px;
color: #fff;
font-style: italic;
margin-right: 5px;
margin-left: 5px;
position: absolute;
}
span.vip-2 {
background-image: resolve("product/golden-small.png");
background-repeat: no-repeat;
width: 30px;
display: inline-block;
height: 10px;
height: 12px;
color: #fff;
font-style: italic;
margin-right: 5px;
margin-left: 5px;
position: absolute;
}
span.vip-3 {
background-image: resolve("product/platinum-small.png");
background-repeat: no-repeat;
width: 30px;
display: inline-block;
height: 12px;
color: #fff;
font-style: italic;
margin-right: 5px;
margin-left: 5px;
position: absolute;
}
.price-sale {
... ...