Authored by 郭成尧

style-adjust

... ... @@ -101,7 +101,7 @@
</span>
{{^}}
<span class="count">{{#if selectedAmount}}已选{{selectedAmount}}{{^}}{{count}}张可用{{/if}}</span>
<span class="coupon-info pull-right">
<span class="coupon-info pull-right{{#isEqualOr info '无可用'}} no-can-use{{/isEqualOr}}">
{{info}}
<i class="iconfont">&#xe614;</i>
</span>
... ...
... ... @@ -4,7 +4,6 @@
<div class="coupon-content">
<div class="content-left pull-left">
<div class="value">{{ couponValue }}</div>
<div class="requirement">使用条件</div>
</div>
<div class="content-middle pull-left">{{ couponValidity}}</div>
</div>
... ...
... ... @@ -511,6 +511,10 @@
a {
display: block;
}
.no-can-use {
color: #999;
}
}
.title {
... ... @@ -519,8 +523,9 @@
}
.count {
background-color: #ff5558;
padding: 2px;
background-color: #ff575c;
margin-left: 9px;
padding: 4px 15px;
color: #fff;
}
... ...
... ... @@ -2,14 +2,14 @@ $couponRadius: 8px;
$rosyPink: #f06a6b;
$backgroudColor: #f2f2f2;
$fontColor: #444;
$fontGrayLight: #b0b0b0;
$fontGrayLight: #e0e0e0;
$fontSizeSmall: 16px;
@define-extend line {
content: "";
position: absolute;
top: 50%;
border-top: 1px solid #b0b0b0;
border-top: 1px solid $fontGrayLight;
width: 120px;
height: 0;
}
... ... @@ -113,6 +113,7 @@ $fontSizeSmall: 16px;
.content-left {
width: 120px;
height: 100px;
border-right: 2px solid $fontColor;
}
... ... @@ -121,6 +122,7 @@ $fontSizeSmall: 16px;
height: 76px;
text-align: center;
font-size: 52px;
line-height: 100px;
color: $fontColor;
}
... ...