| @@ -7,7 +7,6 @@ | |||||
| position: relative; | position: relative; | ||||
| height: 184rpx; | height: 184rpx; | ||||
| } | } | ||||
| .coupons-border { | .coupons-border { | ||||
| height: 1rpx; | height: 1rpx; | ||||
| /* width: 100%; */ | /* width: 100%; */ | ||||
| @@ -226,3 +225,7 @@ scroll-view { | |||||
| font-size: 26rpx; | font-size: 26rpx; | ||||
| line-height: 15rpx; | line-height: 15rpx; | ||||
| } | } | ||||
| .navigator-hover{ | |||||
| opacity: 1!important; | |||||
| background: #fff; | |||||
| } | |||||
| @@ -19,7 +19,7 @@ | |||||
| <text>购买数量:</text>1件 | <text>购买数量:</text>1件 | ||||
| </view> --> | </view> --> | ||||
| <view> | <view> | ||||
| <text>下单时间:</text>{{createDate}}</view> | |||||
| <text>下单时间</text>{{createDate}}</view> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| @@ -61,7 +61,7 @@ | |||||
| </view> | </view> | ||||
| <view> | <view> | ||||
| <text>订单金额</text> | <text>订单金额</text> | ||||
| <text class="jine">¥{{order.salePrice/100}}</text> | |||||
| <text class="jine">{{order.salePrice/100}}元</text> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <!-- 待付款 显示立即购买的按钮 --> | <!-- 待付款 显示立即购买的按钮 --> | ||||
| @@ -1,7 +1,9 @@ | |||||
| @import "../../../app.wxss"; | @import "../../../app.wxss"; | ||||
| .order { | .order { | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .tips { | .tips { | ||||
| width: 92%; | width: 92%; | ||||
| height: 88rpx; | height: 88rpx; | ||||
| @@ -10,10 +12,12 @@ | |||||
| padding: 0 4%; | padding: 0 4%; | ||||
| line-height: 88rpx; | line-height: 88rpx; | ||||
| } | } | ||||
| .tips text:nth-child(2) { | .tips text:nth-child(2) { | ||||
| font-size: 24rpx; | font-size: 24rpx; | ||||
| padding-left: 16rpx; | padding-left: 16rpx; | ||||
| } | } | ||||
| .tips text:nth-child(1) { | .tips text:nth-child(1) { | ||||
| width: 32rpx; | width: 32rpx; | ||||
| height: 32rpx; | height: 32rpx; | ||||
| @@ -25,28 +29,31 @@ | |||||
| display: inline-block; | display: inline-block; | ||||
| font-size: 28rpx; | font-size: 28rpx; | ||||
| } | } | ||||
| .section { | .section { | ||||
| margin-top: 2%; | margin-top: 2%; | ||||
| } | } | ||||
| .detail_msg { | .detail_msg { | ||||
| width: 92%; | width: 92%; | ||||
| height: 220rpx !important; | |||||
| background: #fff; | background: #fff; | ||||
| display: flex; | display: flex; | ||||
| margin: 0 4%; | margin: 0 4%; | ||||
| margin-top: 2%; | |||||
| /* border-bottom: 1px solid #ededed; */ | |||||
| margin-top: 30rpx; | |||||
| padding-bottom: 30rpx; | |||||
| border-bottom: 1rpx solid #eee; | |||||
| } | } | ||||
| .logo { | .logo { | ||||
| width: 248rpx; | |||||
| height: 184rpx; | |||||
| border-radius: 30rpx; | |||||
| display: block; | |||||
| width: 180rpx; | |||||
| height: 180rpx; | |||||
| border-radius: 16rpx; | |||||
| } | } | ||||
| .logo image { | .logo image { | ||||
| width: 100%; | |||||
| height: 100%; | |||||
| width: 180rpx; | |||||
| height: 180rpx; | |||||
| border-radius: 16rpx; | border-radius: 16rpx; | ||||
| } | } | ||||
| @@ -60,12 +67,11 @@ | |||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .info view:nth-child(1) { | |||||
| margin-bottom: 30rpx; | |||||
| } | |||||
| .info view:nth-child(1) text { | .info view:nth-child(1) text { | ||||
| font-size: 30rpx; | font-size: 30rpx; | ||||
| color: #000; | |||||
| letter-spacing: 0; | |||||
| } | } | ||||
| .info view:nth-child(1) text:nth-child(2) { | .info view:nth-child(1) text:nth-child(2) { | ||||
| @@ -73,22 +79,18 @@ | |||||
| font-size: 24rpx; | font-size: 24rpx; | ||||
| } | } | ||||
| .info view:nth-child(2), | |||||
| .info view:nth-child(3) { | |||||
| color: #ff3434; | |||||
| .info view:nth-child(2), .info view:nth-child(3) { | |||||
| font-size: 24rpx; | font-size: 24rpx; | ||||
| padding-left: 4%; | padding-left: 4%; | ||||
| color: #919191; | |||||
| letter-spacing: 0; | |||||
| } | } | ||||
| .info view:nth-child(2) text, | |||||
| .info view:nth-child(3) text { | |||||
| .info view:nth-child(2) text, .info view:nth-child(3) text { | |||||
| font-size: 22rpx; | font-size: 22rpx; | ||||
| color: #b8b8b8; | color: #b8b8b8; | ||||
| } | } | ||||
| .info view:nth-child(3) { | |||||
| margin-top: 5rpx; | |||||
| } | |||||
| .payment { | .payment { | ||||
| width: 92%; | width: 92%; | ||||
| @@ -112,50 +114,59 @@ | |||||
| padding-left: 18rpx; | padding-left: 18rpx; | ||||
| text-decoration: line-through; | text-decoration: line-through; | ||||
| } | } | ||||
| .classif { | .classif { | ||||
| width: 100%; | |||||
| width: 92%; | |||||
| padding-left: 4%; | |||||
| padding-right: 4%; | |||||
| } | } | ||||
| .classif > view { | .classif > view { | ||||
| height: 88rpx; | |||||
| line-height: 88rpx; | |||||
| position: relative; | |||||
| height: 70rpx; | |||||
| line-height: 70rpx; | |||||
| display: flex; | display: flex; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| padding-left: 4%; | |||||
| padding-right: 4%; | |||||
| border-bottom: 1rpx solid #eee; | border-bottom: 1rpx solid #eee; | ||||
| } | } | ||||
| .classif > view text { | .classif > view text { | ||||
| font-size: 30rpx; | |||||
| font-size: 24rpx; | |||||
| } | } | ||||
| .classif > view text:nth-child(2) { | .classif > view text:nth-child(2) { | ||||
| color: #b8b8b8; | color: #b8b8b8; | ||||
| font-size: 30rpx; | |||||
| font-size: 24rpx; | |||||
| } | } | ||||
| .classif > view:nth-child(1) { | .classif > view:nth-child(1) { | ||||
| display: block; | display: block; | ||||
| border-top: 20rpx solid #f8f8f8; | |||||
| } | } | ||||
| .classif > view:nth-child(1) text:nth-child(2) { | .classif > view:nth-child(1) text:nth-child(2) { | ||||
| padding-left: 15rpx; | padding-left: 15rpx; | ||||
| } | } | ||||
| .classif > view:nth-child(3), | |||||
| .classif > view:nth-child(4) { | |||||
| border-top: 20rpx solid #f8f8f8; | |||||
| } | |||||
| .classif > view:nth-child(3) view text:nth-child(2) { | .classif > view:nth-child(3) view text:nth-child(2) { | ||||
| padding-left: 15rpx; | padding-left: 15rpx; | ||||
| } | } | ||||
| .classif > view:nth-child(6) text:nth-child(2) { | .classif > view:nth-child(6) text:nth-child(2) { | ||||
| color: #ff3434; | color: #ff3434; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| } | } | ||||
| .spcode { | .spcode { | ||||
| width: 60rpx; | |||||
| display: inline-block; | |||||
| margin-top: 15rpx; | |||||
| position: absolute; | |||||
| right: 0; | |||||
| bottom: 0; | |||||
| top: 0; | |||||
| margin: auto; | |||||
| width: 50rpx; | |||||
| } | } | ||||
| /*mask*/ | /*mask*/ | ||||
| .drawer_screen { | .drawer_screen { | ||||
| position: absolute; | position: absolute; | ||||
| width: 100%; | width: 100%; | ||||
| @@ -178,15 +189,18 @@ | |||||
| margin: -150px 50rpx 0 50rpx; | margin: -150px 50rpx 0 50rpx; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| } | } | ||||
| .drawer_title { | .drawer_title { | ||||
| padding: 15px; | padding: 15px; | ||||
| font: 20px "microsoft yahei"; | font: 20px "microsoft yahei"; | ||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .drawer_content { | .drawer_content { | ||||
| height: 210px; | height: 210px; | ||||
| overflow-y: scroll; /*超出父盒子高度可滚动*/ | overflow-y: scroll; /*超出父盒子高度可滚动*/ | ||||
| } | } | ||||
| .btn_ok { | .btn_ok { | ||||
| padding: 10px; | padding: 10px; | ||||
| font: 20px "microsoft yahei"; | font: 20px "microsoft yahei"; | ||||
| @@ -194,12 +208,15 @@ | |||||
| border-top: 1px solid #e8e8ea; | border-top: 1px solid #e8e8ea; | ||||
| color: #3cc51f; | color: #3cc51f; | ||||
| } | } | ||||
| .top { | .top { | ||||
| padding-top: 8px; | padding-top: 8px; | ||||
| } | } | ||||
| .bottom { | .bottom { | ||||
| padding-bottom: 8px; | padding-bottom: 8px; | ||||
| } | } | ||||
| .title { | .title { | ||||
| height: 30px; | height: 30px; | ||||
| line-height: 30px; | line-height: 30px; | ||||
| @@ -208,40 +225,49 @@ | |||||
| display: inline-block; | display: inline-block; | ||||
| font: 300 28rpx/30px "microsoft yahei"; | font: 300 28rpx/30px "microsoft yahei"; | ||||
| } | } | ||||
| .input_base { | .input_base { | ||||
| border: 2rpx solid #ccc; | border: 2rpx solid #ccc; | ||||
| padding-left: 10rpx; | padding-left: 10rpx; | ||||
| margin-right: 50rpx; | margin-right: 50rpx; | ||||
| } | } | ||||
| .input_h30 { | .input_h30 { | ||||
| height: 30px; | height: 30px; | ||||
| line-height: 30px; | line-height: 30px; | ||||
| } | } | ||||
| .input_h60 { | .input_h60 { | ||||
| height: 60px; | height: 60px; | ||||
| } | } | ||||
| .input_view { | .input_view { | ||||
| font: 12px "microsoft yahei"; | font: 12px "microsoft yahei"; | ||||
| background: #fff; | background: #fff; | ||||
| color: #000; | color: #000; | ||||
| line-height: 30px; | line-height: 30px; | ||||
| } | } | ||||
| input { | input { | ||||
| font: 12px "microsoft yahei"; | font: 12px "microsoft yahei"; | ||||
| background: #fff; | background: #fff; | ||||
| color: #000; | color: #000; | ||||
| } | } | ||||
| radio { | radio { | ||||
| margin-right: 20px; | margin-right: 20px; | ||||
| } | } | ||||
| .grid { | .grid { | ||||
| display: -webkit-box; | display: -webkit-box; | ||||
| display: box; | display: box; | ||||
| } | } | ||||
| .col-0 { | .col-0 { | ||||
| -webkit-box-flex: 0; | -webkit-box-flex: 0; | ||||
| box-flex: 0; | box-flex: 0; | ||||
| } | } | ||||
| .col-1 { | .col-1 { | ||||
| -webkit-box-flex: 1; | -webkit-box-flex: 1; | ||||
| box-flex: 1; | box-flex: 1; | ||||
| @@ -250,6 +276,7 @@ radio { | |||||
| .fl { | .fl { | ||||
| float: left; | float: left; | ||||
| } | } | ||||
| .fr { | .fr { | ||||
| float: right; | float: right; | ||||
| } | } | ||||
| @@ -261,6 +288,7 @@ radio { | |||||
| clear: both; | clear: both; | ||||
| visibility: hidden; | visibility: hidden; | ||||
| } | } | ||||
| .panel { | .panel { | ||||
| width: 600rpx; | width: 600rpx; | ||||
| border-radius: 10rpx; | border-radius: 10rpx; | ||||
| @@ -270,10 +298,12 @@ radio { | |||||
| position: relative; | position: relative; | ||||
| z-index: 10000000000; | z-index: 10000000000; | ||||
| } | } | ||||
| .pane2 { | .pane2 { | ||||
| background: #fff; | background: #fff; | ||||
| opacity: 0.6; | opacity: 0.6; | ||||
| } | } | ||||
| .pane2 image { | .pane2 image { | ||||
| width: 500rpx; | width: 500rpx; | ||||
| display: block; | display: block; | ||||
| @@ -318,6 +348,7 @@ radio { | |||||
| width: 350rpx; | width: 350rpx; | ||||
| height: 350rpx; | height: 350rpx; | ||||
| } | } | ||||
| .jine { | .jine { | ||||
| color: #f96563 !important; | color: #f96563 !important; | ||||
| font-size: 36rpx !important; | font-size: 36rpx !important; | ||||
| @@ -2,7 +2,7 @@ | |||||
| <i-tabs class='tabs' current="{{ current_scroll }}" scroll bindchange="handleChangeScroll"> | <i-tabs class='tabs' current="{{ current_scroll }}" scroll bindchange="handleChangeScroll"> | ||||
| <i-tab class='i-tab' wx:for="{{tabs}}" wx:key="unique" key="{{item.key}}" title="{{item.name}}"></i-tab> | <i-tab class='i-tab' wx:for="{{tabs}}" wx:key="unique" key="{{item.key}}" title="{{item.name}}"></i-tab> | ||||
| </i-tabs> | </i-tabs> | ||||
| <view> | |||||
| <view style='padding-top:90rpx;'> | |||||
| <view wx:if="{{list.length!=0}}" class='section' wx:for='{{list}}' wx:key='{{index}}'> | <view wx:if="{{list.length!=0}}" class='section' wx:for='{{list}}' wx:key='{{index}}'> | ||||
| <view class='detail_msg'> | <view class='detail_msg'> | ||||
| <view class='logo'> | <view class='logo'> | ||||
| @@ -12,23 +12,22 @@ | |||||
| <view> | <view> | ||||
| <text>{{item.title}}</text> | <text>{{item.title}}</text> | ||||
| <text class='wait' wx:if="{{item.orderStatus==0}}">等待付款</text> | <text class='wait' wx:if="{{item.orderStatus==0}}">等待付款</text> | ||||
| <text wx:if="{{item.orderStatus==3}}">待退款</text> | |||||
| <text class='sucess' wx:if="{{item.orderStatus==3}}">待退款</text> | |||||
| <text class='close' wx:if="{{item.orderStatus==2}}">交易关闭</text> | <text class='close' wx:if="{{item.orderStatus==2}}">交易关闭</text> | ||||
| <text wx:if="{{item.orderStatus==4}}">已退款</text> | |||||
| <text wx:if="{{item.orderStatus==5}}">退款失败</text> | |||||
| <text class='sucess' wx:if="{{item.orderStatus==4}}">已退款</text> | |||||
| <text class='sucess' wx:if="{{item.orderStatus==5}}">退款失败</text> | |||||
| <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0}}">免费领取</text> | <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0}}">免费领取</text> | ||||
| <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice!=0}}">付款成功</text> | <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice!=0}}">付款成功</text> | ||||
| </view> | </view> | ||||
| <view>{{item.subTitle}}</view> | |||||
| <view> | |||||
| <text>下单时间:</text>{{item.createDate}} | |||||
| <view class="sub">{{item.subTitle}}</view> | |||||
| <view class="value">面额:<text>{{item.price/100}}元</text></view> | |||||
| <view class="value">下单时间:<text>{{item.createDate}}</text> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view class='payment'> | <view class='payment'> | ||||
| <view> | <view> | ||||
| <text>¥{{item.salePrice/100}}</text> | |||||
| <text>¥{{item.price/100}}</text> | |||||
| <text>实付金额:</text><text>{{item.salePrice/100}}元</text> | |||||
| </view> | </view> | ||||
| <!-- | <!-- | ||||
| orderStatus | orderStatus | ||||
| @@ -45,9 +44,9 @@ | |||||
| <!-- <view wx:if="{{item.orderStatus==2}}" style="background:#999;opacity: .6;" class="btn"> | <!-- <view wx:if="{{item.orderStatus==2}}" style="background:#999;opacity: .6;" class="btn"> | ||||
| <text>已取消</text> | <text>已取消</text> | ||||
| </view> --> | </view> --> | ||||
| <view wx:if="{{item.orderStatus==3}}" style="background:#999;opacity: .6;color:#fff;" class="btn"> | |||||
| <!-- <view wx:if="{{item.orderStatus==3}}" style="background:#999;opacity: .6;color:#fff;" class="btn"> | |||||
| <text>待退款</text> | <text>待退款</text> | ||||
| </view> | |||||
| </view> --> | |||||
| <view wx:if="{{item.orderStatus==4}}" style="background:#999;opacity: .6;" class="btn"> | <view wx:if="{{item.orderStatus==4}}" style="background:#999;opacity: .6;" class="btn"> | ||||
| <text>已退款</text> | <text>已退款</text> | ||||
| </view> | </view> | ||||
| @@ -4,9 +4,15 @@ | |||||
| } | } | ||||
| .tabs { | .tabs { | ||||
| position: fixed; | |||||
| width: 100% !important; | width: 100% !important; | ||||
| height: 88rpx; | height: 88rpx; | ||||
| top: 0; | |||||
| left: 0; | |||||
| right: 0; | |||||
| text-align: center; | text-align: center; | ||||
| background: #fff; | |||||
| z-index: 10000000; | |||||
| } | } | ||||
| .i-tab { | .i-tab { | ||||
| @@ -14,18 +20,14 @@ | |||||
| display: inline-block; | display: inline-block; | ||||
| } | } | ||||
| .section { | |||||
| margin-top: 2%; | |||||
| } | |||||
| .detail_msg { | .detail_msg { | ||||
| width: 92%; | width: 92%; | ||||
| height: 200rpx !important; | |||||
| background: #fff; | background: #fff; | ||||
| display: flex; | display: flex; | ||||
| margin: 0 4%; | |||||
| margin-top: 2%; | |||||
| border-bottom: 1rpx solid #ededed; | |||||
| margin: 0 30rpx; | |||||
| padding-bottom: 30rpx; | |||||
| padding-top: 30rpx; | |||||
| border-bottom: 1rpx solid #eee; | |||||
| } | } | ||||
| .logo { | .logo { | ||||
| @@ -34,39 +36,49 @@ | |||||
| height: 180rpx; | height: 180rpx; | ||||
| border: 1px solid #f8f8f8; | border: 1px solid #f8f8f8; | ||||
| border-radius: 16rpx; | border-radius: 16rpx; | ||||
| overflow: hidden; | |||||
| } | } | ||||
| .logo image { | .logo image { | ||||
| display: block; | display: block; | ||||
| width: 180rpx; | width: 180rpx; | ||||
| height: 180rpx; | height: 180rpx; | ||||
| border-radius: 16rpx; | |||||
| } | } | ||||
| .info view:nth-child(1) { | .info view:nth-child(1) { | ||||
| display: flex; | display: flex; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| padding: 0 4%; | |||||
| margin-top: 8rpx; | |||||
| padding: 0 0 0 4%; | |||||
| } | } | ||||
| .info { | .info { | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .info view:nth-child(1) { | |||||
| margin-bottom: 15rpx; | |||||
| .sub { | |||||
| font-size: 24rpx !important; | |||||
| color: #919191 !important; | |||||
| letter-spacing: 0; | |||||
| line-height: 33rpx; | |||||
| padding-left: 4%; | |||||
| } | } | ||||
| .info view:nth-child(1) text { | .info view:nth-child(1) text { | ||||
| display: inline-block; | |||||
| width: 300rpx; | |||||
| font-size: 30rpx; | font-size: 30rpx; | ||||
| /* width: 340rpx; | |||||
| letter-spacing: 0; | |||||
| height: 42rpx; | |||||
| overflow: hidden; | overflow: hidden; | ||||
| line-height: 42rpx; | |||||
| white-space: nowrap; | white-space: nowrap; | ||||
| text-overflow: ellipsis; */ | |||||
| text-overflow: ellipsis; | |||||
| } | } | ||||
| .info .sucess { | .info .sucess { | ||||
| display: inline-block; | |||||
| width: 123rpx !important; | |||||
| overflow: hidden; | |||||
| font-size: 28rpx; | font-size: 28rpx; | ||||
| color: #02c0ff; | color: #02c0ff; | ||||
| letter-spacing: 0; | letter-spacing: 0; | ||||
| @@ -75,14 +87,20 @@ | |||||
| } | } | ||||
| .wait { | .wait { | ||||
| display: inline-block; | |||||
| width: 123rpx !important; | |||||
| overflow: hidden; | |||||
| font-size: 28rpx; | font-size: 28rpx; | ||||
| color: #ff4949; | color: #ff4949; | ||||
| letter-spacing: 0; | letter-spacing: 0; | ||||
| text-align: right; | text-align: right; | ||||
| line-height: 28rpx; | |||||
| line-height: 28rpx!important; | |||||
| } | } | ||||
| .close { | .close { | ||||
| display: inline-block; | |||||
| width: 123rpx !important; | |||||
| overflow: hidden; | |||||
| font-size: 28rpx; | font-size: 28rpx; | ||||
| color: #999; | color: #999; | ||||
| letter-spacing: 0; | letter-spacing: 0; | ||||
| @@ -90,38 +108,63 @@ | |||||
| line-height: 28rpx; | line-height: 28rpx; | ||||
| } | } | ||||
| .info view:nth-child(2), .info view:nth-child(3) { | |||||
| color: #f96563; | |||||
| /* | |||||
| .info view:nth-child(2), | |||||
| .info view:nth-child(3), | |||||
| .info view:nth-child(4) { | |||||
| color: #333; | |||||
| font-size: 24rpx; | |||||
| } */ | |||||
| .value { | |||||
| font-size: 24rpx; | font-size: 24rpx; | ||||
| color: #999; | |||||
| letter-spacing: 0; | |||||
| padding-left: 4%; | padding-left: 4%; | ||||
| line-height: 33rpx; | |||||
| } | } | ||||
| .info view:nth-child(2) text, .info view:nth-child(3) text { | |||||
| font-size: 22rpx; | |||||
| color: #b8b8b8; | |||||
| .value text { | |||||
| font-size: 24rpx; | |||||
| color: #333; | |||||
| letter-spacing: 0; | |||||
| line-height: 33rpx; | |||||
| } | } | ||||
| /* .info view:nth-child(2) text, .info view:nth-child(3) text { | |||||
| font-size: 22rpx; | |||||
| } */ | |||||
| .info view:nth-child(3) { | .info view:nth-child(3) { | ||||
| margin-top: 5rpx; | |||||
| margin-top: 20rpx; | |||||
| } | } | ||||
| .payment { | .payment { | ||||
| position: relative; | position: relative; | ||||
| width: 92%; | width: 92%; | ||||
| height: 120rpx; | |||||
| line-height: 120rpx; | |||||
| height: 88rpx; | |||||
| line-height: 88rpx; | |||||
| padding: 0 4%; | padding: 0 4%; | ||||
| display: flex; | display: flex; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| border-bottom: 20rpx solid #f8f8f8; | |||||
| border-bottom: 1rpx solid #eee; | |||||
| } | } | ||||
| .payment view:nth-child(1) text:nth-child(1) { | .payment view:nth-child(1) text:nth-child(1) { | ||||
| font-size: 36rpx; | |||||
| color: #f96563; | |||||
| font-size: 24rpx; | |||||
| color: #1f2d3d; | |||||
| letter-spacing: 0; | |||||
| } | } | ||||
| .payment view:nth-child(1) text:nth-child(2) { | .payment view:nth-child(1) text:nth-child(2) { | ||||
| font-size: 28rpx; | |||||
| color: #ff4949; | |||||
| letter-spacing: 0; | |||||
| margin-left: 10rpx; | |||||
| } | |||||
| .payment view:nth-child(1) text:nth-child(3) { | |||||
| font-size: 24rpx; | font-size: 24rpx; | ||||
| color: #b4b4b4; | color: #b4b4b4; | ||||
| padding-left: 18rpx; | padding-left: 18rpx; | ||||
| @@ -135,8 +178,8 @@ | |||||
| margin: auto; | margin: auto; | ||||
| right: 20rpx; | right: 20rpx; | ||||
| width: 180rpx; | width: 180rpx; | ||||
| height: 60rpx; | |||||
| line-height: 60rpx; | |||||
| height: 52rpx; | |||||
| line-height: 52rpx; | |||||
| text-align: center; | text-align: center; | ||||
| color: #fff; | color: #fff; | ||||
| float: right; | float: right; | ||||
| @@ -147,7 +190,7 @@ | |||||
| .payment view:nth-child(2) text { | .payment view:nth-child(2) text { | ||||
| font-size: 30rpx; | font-size: 30rpx; | ||||
| color: #02C0FF; | |||||
| color: #02c0ff; | |||||
| } | } | ||||
| .dingdan { | .dingdan { | ||||
| @@ -1,10 +1,12 @@ | |||||
| page { | page { | ||||
| background: #4e99f8; | |||||
| background: #02c0ff; | |||||
| } | } | ||||
| .couponbg { | .couponbg { | ||||
| position: relative; | position: relative; | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .couponbg image { | .couponbg image { | ||||
| display: block; | display: block; | ||||
| position: absolute; | position: absolute; | ||||
| @@ -16,15 +18,18 @@ page { | |||||
| right: 0; | right: 0; | ||||
| margin: auto; | margin: auto; | ||||
| z-index: -19999; | z-index: -19999; | ||||
| border-radius: 26rpx; | |||||
| border-radius: 16rpx; | |||||
| } | } | ||||
| .title { | .title { | ||||
| font-size: 33rpx; | |||||
| color: #0c1829; | |||||
| line-height: 36rpx; | line-height: 36rpx; | ||||
| text-align: center; | text-align: center; | ||||
| padding-top: 106rpx; | padding-top: 106rpx; | ||||
| font-size: 32rpx; | |||||
| color: #1f2d3d; | |||||
| letter-spacing: 0; | |||||
| } | } | ||||
| .subtitle { | .subtitle { | ||||
| color: #7f8b9e; | color: #7f8b9e; | ||||
| font-size: 26rpx; | font-size: 26rpx; | ||||
| @@ -32,10 +37,9 @@ page { | |||||
| margin-top: 16rpx; | margin-top: 16rpx; | ||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .panel,.zhuangtai image{ | |||||
| width: 510rpx; | |||||
| height: 581rpx; | |||||
| border-radius: 10rpx; | |||||
| .panel, .zhuangtai image { | |||||
| width: 600rpx; | |||||
| background-color: #fff; | background-color: #fff; | ||||
| margin: 22rpx auto 0; | margin: 22rpx auto 0; | ||||
| padding: 30rpx 0; | padding: 30rpx 0; | ||||
| @@ -47,6 +51,7 @@ page { | |||||
| background: #fff; | background: #fff; | ||||
| opacity: 0.6; | opacity: 0.6; | ||||
| } | } | ||||
| .pane2 image { | .pane2 image { | ||||
| width: 500rpx; | width: 500rpx; | ||||
| display: block; | display: block; | ||||
| @@ -70,7 +75,12 @@ page { | |||||
| } | } | ||||
| .barnum text { | .barnum text { | ||||
| color: #767676; | |||||
| display: inline-block; | |||||
| vertical-align: top; | |||||
| font-size: 24rpx; | |||||
| color: #999; | |||||
| letter-spacing: 0; | |||||
| margin-right:6rpx; | |||||
| } | } | ||||
| .barcode > canvas { | .barcode > canvas { | ||||
| @@ -85,12 +95,14 @@ page { | |||||
| flex-direction: column; | flex-direction: column; | ||||
| justify-content: flex-end; | justify-content: flex-end; | ||||
| align-items: center; | align-items: center; | ||||
| margin-top:30rpx; | |||||
| } | } | ||||
| .qrcode > canvas { | .qrcode > canvas { | ||||
| width: 350rpx; | width: 350rpx; | ||||
| height: 350rpx; | height: 350rpx; | ||||
| } | } | ||||
| .jine { | .jine { | ||||
| color: #f96563 !important; | color: #f96563 !important; | ||||
| font-size: 36rpx !important; | font-size: 36rpx !important; | ||||
| @@ -109,23 +121,34 @@ page { | |||||
| .buy { | .buy { | ||||
| background: #fff; | background: #fff; | ||||
| height: 88rpx; | height: 88rpx; | ||||
| width: 98%; | |||||
| margin: 0 auto; | |||||
| color: #7e7e7e; | |||||
| width: 100%; | |||||
| margin: 60rpx auto 0; | |||||
| line-height: 88rpx; | line-height: 88rpx; | ||||
| border-radius: 16rpx; | |||||
| border: 1px solid #eee; | |||||
| border: 2rpx solid #ccc; | |||||
| border-radius: 10px; | |||||
| font-size: 36rpx; | |||||
| color: #333; | |||||
| letter-spacing: 0; | |||||
| } | } | ||||
| .gou{ | |||||
| .gou { | |||||
| width: 87%; | width: 87%; | ||||
| margin: 0 auto; | margin: 0 auto; | ||||
| color: #878d95; | |||||
| color: #878d95; | |||||
| font-size: 26rpx; | font-size: 26rpx; | ||||
| padding-bottom:74rpx; | |||||
| padding-bottom: 74rpx; | |||||
| } | } | ||||
| .mai{ | |||||
| color: #333; | |||||
| .mai { | |||||
| font-size: 24rpx; | |||||
| color: #919191; | |||||
| letter-spacing: 0; | |||||
| } | } | ||||
| .remark{ | |||||
| .remark { | |||||
| padding-top: 17rpx; | padding-top: 17rpx; | ||||
| } | |||||
| font-size: 24rpx; | |||||
| color: #333; | |||||
| letter-spacing: 0; | |||||
| line-height: 42rpx; | |||||
| } | |||||