| @@ -1,6 +1,8 @@ | |||
| <view class="container page"> | |||
| <view class="coupon_detail clearfix"> | |||
| <image class="fl" src="{{data.coverImg}}" mode="widthFix" /> | |||
| <view class="fl wmfl"> | |||
| <image src="{{data.coverImg}}" /> | |||
| </view> | |||
| <view class="fr"> | |||
| <text class="title">{{data.title}}</text> | |||
| <view class="time">{{data.subTitle}}</view> | |||
| @@ -16,20 +18,6 @@ | |||
| <text>有效期至:</text> | |||
| <text>{{expiredTime}}</text> | |||
| </view> | |||
| <!-- <view class="panel"> | |||
| <view class="barcode"> | |||
| <canvas canvas-id="barcode" /> | |||
| </view> | |||
| <view class="qrcode"> | |||
| <image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg" mode="widthFix"></image> | |||
| <image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg" mode="widthFix"></image> | |||
| <image wx:if="{{data.couponOrderStatus==3}}" src="./../../../assets/img/wm03.jpg" mode="widthFix"></image> | |||
| <canvas canvas-id="qrcode" /> | |||
| </view> | |||
| <view class="barnum"><text>兑换码:</text>{{code}}</view> | |||
| </view> --> | |||
| <view class="zhuangtai"> | |||
| <image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg"></image> | |||
| <image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg"></image> | |||
| @@ -45,9 +33,6 @@ | |||
| </view> | |||
| </view> | |||
| <view class="posi"> | |||
| <view class="tit"> | |||
| 适用门店 | |||
| @@ -3,14 +3,14 @@ | |||
| } | |||
| .panel,.zhuangtai image{ | |||
| position: relative; | |||
| width: 510rpx; | |||
| height: 581rpx; | |||
| display: block; | |||
| border-radius: 10rpx; | |||
| background-color: #fff; | |||
| margin: 22rpx auto 0; | |||
| padding: 30rpx 0; | |||
| position: relative; | |||
| padding: 30rpx 0 0; | |||
| z-index: 10000000000; | |||
| } | |||
| .pane2{ | |||
| @@ -27,7 +27,6 @@ | |||
| background: #fff; | |||
| height: 88rpx; | |||
| width: 98%; | |||
| margin: 30rpx auto 0; | |||
| color: #7e7e7e; | |||
| line-height: 88rpx; | |||
| border-radius: 16rpx; | |||
| @@ -84,11 +83,17 @@ | |||
| float: right; | |||
| } | |||
| .coupon_detail image { | |||
| .coupon_detail .wmfl{ | |||
| display: block; | |||
| width: 260rpx; | |||
| height: 100rpx; | |||
| width: 255rpx; | |||
| height: 184rpx; | |||
| border-radius: 16rpx; | |||
| overflow: hidden; | |||
| } | |||
| .coupon_detail image { | |||
| display: block; | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .coupon_detail .fr { | |||
| @@ -216,7 +221,6 @@ | |||
| } | |||
| .notes { | |||
| margin-top: 2%; | |||
| border-top: 20rpx solid #f5f5f5; | |||
| } | |||
| @@ -236,7 +240,6 @@ | |||
| .notes view:nth-child(2) { | |||
| width: 92%; | |||
| height: 400rpx; | |||
| padding: 0 4%; | |||
| background: #fff; | |||
| display: flex; | |||
| @@ -15,25 +15,23 @@ | |||
| } | |||
| .section { | |||
| margin-top: 2%; | |||
| } | |||
| .section:nth-of-type(1) { | |||
| margin-top: 30rpx; | |||
| position: relative; | |||
| } | |||
| .detail_msg { | |||
| width: 92%; | |||
| height: 202rpx !important; | |||
| height: 186rpx !important; | |||
| background: #fff; | |||
| display: flex; | |||
| padding: 0 4%; | |||
| margin-top: 2%; | |||
| padding: 30rpx 4%; | |||
| border-bottom: 1px solid #ededed; | |||
| } | |||
| .logo { | |||
| width: 348rpx; | |||
| height: 184rpx; | |||
| border: 1px solid #f8f8f8; | |||
| border-radius: 15rpx; | |||
| } | |||
| .logo image { | |||
| @@ -70,16 +68,19 @@ | |||
| } | |||
| .btns { | |||
| position: absolute; | |||
| top: 0; | |||
| right: 20rpx; | |||
| bottom: 0; | |||
| margin: auto; | |||
| width: 200rpx; | |||
| height: 60rpx; | |||
| line-height: 60rpx; | |||
| text-align: center; | |||
| background: #00c0ff; | |||
| color: #fff; | |||
| float: right; | |||
| border-radius: 15rpx; | |||
| font-size: 28rpx; | |||
| margin-top: 20rpx; | |||
| } | |||
| .txt1 { | |||
| @@ -92,35 +93,38 @@ | |||
| color: #f96563; | |||
| } | |||
| .nocoupon image{ | |||
| .nocoupon image { | |||
| width: 203rpx; | |||
| display: block; | |||
| margin: 200rpx auto 0; | |||
| } | |||
| .nocoupon text{ | |||
| .nocoupon text { | |||
| display: block; | |||
| text-align: center; | |||
| font-size:30rpx; | |||
| color: #00C0FF; | |||
| font-size: 30rpx; | |||
| color: #00c0ff; | |||
| } | |||
| .nocoupon button{ | |||
| background: #00C0FF; | |||
| .nocoupon button { | |||
| background: #00c0ff; | |||
| color: #fff; | |||
| font-style: 30rpx; | |||
| width: 70%; | |||
| margin: 30rpx auto 0; | |||
| } | |||
| .loading{ | |||
| .loading { | |||
| text-align: center; | |||
| height: 80rpx; | |||
| line-height: 80rpx; | |||
| font-size: 26rpx; | |||
| color: #999; | |||
| } | |||
| .loading image{ | |||
| .loading image { | |||
| width: 40rpx; | |||
| height: 40rpx; | |||
| vertical-align: middle; | |||
| margin-right: 10rpx; | |||
| } | |||
| } | |||
| @@ -20,7 +20,7 @@ | |||
| .detail_msg { | |||
| width: 92%; | |||
| height: 220rpx !important; | |||
| height: 200rpx !important; | |||
| background: #fff; | |||
| display: flex; | |||
| margin: 0 4%; | |||
| @@ -31,7 +31,9 @@ | |||
| .logo { | |||
| width: 248rpx; | |||
| height: 184rpx; | |||
| border-radius: 30rpx; | |||
| border: 1px solid #f8f8f8; | |||
| border-radius: 16rpx; | |||
| overflow: hidden; | |||
| } | |||
| .logo image { | |||