Authored by 郭成尧

coupon-style

... ... @@ -11,7 +11,7 @@
<span class="{{#isEqualOr catalog 200}}type-activity{{/isEqualOr}}{{#isEqualOr catalog 300}}type-freight{{/isEqualOr}}{{#isEqualOr catalog 100}}type-shop{{/isEqualOr}}">[{{catalog_name}}]</span> {{coupon_name}}</p>
<p class="time">{{coupon_validity}}</p>
{{#if notes}}
<p>
<p class="use-intro">
<span class="show-intro-btn">使用说明</span>
<span class="iconfont icon-down show-intro-btn show-intro-arrow"></span>
</p>
... ...
... ... @@ -192,13 +192,19 @@ body {
}
.info > .title {
width: 450px;
width: 400px;
font-size: 24px;
color: #444;
margin-bottom: 46px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.info > .time {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.info > .desc {
... ...
... ... @@ -172,9 +172,6 @@ body {
font-size: 22px;
color: #b0b0b0;
position: relative;
display: flex;
flex-direction: column;
align-content: space-between;
.type-shop {
color: #efaf46;
... ... @@ -199,7 +196,14 @@ body {
}
.time {
margin-bottom: 26px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.use-intro {
position: absolute;
bottom: 22px;
}
.tip {
... ...