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