12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <template>
- <view class="coupon-list">
- <view class="coupon-box">
- <view class="coupon-head">
- <view class="coupon-title">
- <view class="coupon-title-1">满100减50</view>
- <view class="coupon-title-time">有效期至:2020-05-12</view>
- </view>
- <view class="coupon-price">
- ¥<text>100</text>
- </view>
- </view>
- <view class="coupon-desc">
- 优惠卷使用说明
- </view>
- </view>
- </view>
- </template>
- <script>
- export default{
- name: 'couponTpl'
- }
- </script>
- <style lang="scss">
- .coupon-list{
- padding: 25rpx;
- }
- .coupon-box{
- background: #FFFFFF;
- border: 1rpx solid #eee;
- border-radius: 10rpx;
- box-shadow: 1rpx 1rpx 5rpx #eee;
- .coupon-head{
- display: flex;
- align-items: center;
- padding: 30rpx;
- .coupon-title{
- flex-grow: 1;
- font-size: 32rpx;
- .coupon-title-time{
- color: #999999;
- padding-top: 15rpx;
- }
- }
- .coupon-price{
- padding: 0 15rpx;
- color: red;
- text{
- font-size: 60rpx;
- }
- }
- }
- .coupon-desc{
- border-top: 1rpx dashed #eee;
- padding: 20rpx;
- color: #999;
- }
- }
- </style>
|