...
|
...
|
@@ -7,7 +7,7 @@ |
|
|
<ul>
|
|
|
<li v-for="(item, index) in list" :key="index">
|
|
|
<div class="item-wrapper">
|
|
|
<div>
|
|
|
<div class="left-wrapper">
|
|
|
<div class="coupon-price"><i>¥</i>{{item.couponAmount}}</div>
|
|
|
<div class="coupon-name">{{item.couponName}}</div>
|
|
|
<div class="sub">{{item.receiveStartTime}} - {{item.receiveEndTime}}</div>
|
...
|
...
|
@@ -149,6 +149,11 @@ export default { |
|
|
}
|
|
|
}
|
|
|
|
|
|
.left-wrapper {
|
|
|
max-width: calc(100%- 20px- 180px);
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.coupon-price {
|
|
|
@include num;
|
|
|
font-weight: bold;
|
...
|
...
|
@@ -168,6 +173,10 @@ export default { |
|
|
font-size: 28px;
|
|
|
line-height: 40px;
|
|
|
font-weight: bold;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-line-clamp: 2;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.sub {
|
...
|
...
|
|