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