@@ -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 { | ||||