| @@ -32,8 +32,42 @@ | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="buy-view app-border-top"> | |||
| <!-- <view class="buy-view app-border-top"> | |||
| <button bindtap='orderFunc' class='buy'>立即购买</button> | |||
| </view> | |||
| </view> --> | |||
| <!-- 优惠券 --> | |||
| <navigator wx:for="{{data.coupons}}" url="/pages/coupon/detail/index?id={{item.id}}"> | |||
| <!-- 首页优惠券列表页面 --> | |||
| <view class="coupons1"> | |||
| <view class="coupons1-img"> | |||
| <image src="{{item.coverImg}}"></image> | |||
| </view> | |||
| <view class="coupons1-info"> | |||
| <view class="coupons1-info-name tit">{{item.title}}</view> | |||
| <view class="coupons1-info-name subtitle">{{item.subTitle}}</view> | |||
| <view class="coupons1-info-price-p"> | |||
| <text class="i">¥</text>{{item.salePriceStr}} | |||
| <view class="coupons-info-manjian" style="margin-top:10rpx;" wx:if="{{data.type == 1}}"> | |||
| 满¥{{item.usePriceStr}}可用 | |||
| </view> | |||
| <view class="coupons-info-manjian" wx:elif="{{data.type == 2||data.type == 3||data.type==4||data.type==5}}"> | |||
| 仅限本店使用 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="coupons1-btn"> | |||
| <!-- 优惠券价格 --> | |||
| <view class="coupons1-info-price"> | |||
| <view class="coupons1-info-name subtitle sy">剩余: {{item.remainInventory}}</view> | |||
| <!-- <text class="coupons-info-price-o"><text class='i'>¥</text>{{item.priceStr}}</text> --> | |||
| </view> | |||
| <i-button class="buy" wx:if="{{item.type==4}}" data-date='{{data}}'>领取</i-button> | |||
| <i-button class="buy" wx:elif="{{item.type == 1||item.type == 2||item.type==3||item.type==4}}" data-date='{{data}}'>购买</i-button> | |||
| </view> | |||
| <view class="coupons1-border"></view> | |||
| </view> | |||
| </navigator> | |||
| <view class="loading" hidden="{{!searchLoading}}">正在载入更多...</view> | |||
| <view class="loading complete" hidden="{{!searchLoadingComplete}}">已加载全部</view> | |||
| </view> | |||
| @@ -159,13 +159,12 @@ | |||
| .notes view:nth-child(2) { | |||
| width: 92%; | |||
| height: 400rpx; | |||
| padding: 0 4%; | |||
| height: auto; | |||
| padding:4%; | |||
| background: #fff; | |||
| border-bottom: 1rpx solid #f5f5f5; | |||
| display: flex; | |||
| flex-direction: column; | |||
| padding-top: 2%; | |||
| } | |||
| .notes view:nth-child(2)>text { | |||
| @@ -196,12 +195,194 @@ | |||
| } | |||
| .buy { | |||
| display: block; | |||
| background: #00c0ff; | |||
| height: 88rpx; | |||
| width: 98%; | |||
| height: 50rpx; | |||
| width: 120rpx; | |||
| margin: 0 auto; | |||
| color: #fff; | |||
| font-size: 36rpx; | |||
| line-height: 88rpx; | |||
| font-size: 28rpx; | |||
| line-height: 50rpx; | |||
| text-align: center; | |||
| border-radius: 6rpx; | |||
| } | |||
| .coupons1-btn-gm { | |||
| background: #00c0ff !important; | |||
| border-radius: 10rpx !important; | |||
| margin: 0 !important; | |||
| padding: 0 !important; | |||
| font-family: PingFangSC-Semibold; | |||
| font-size: 28rpx; | |||
| color: #ffffff !important; | |||
| letter-spacing: 0; | |||
| height: 50rpx !important; | |||
| width: 138rpx !important; | |||
| line-height: 50rpx !important; | |||
| } | |||
| .coupons1 { | |||
| flex-direction: row; | |||
| display: flex; | |||
| padding: 30rpx; | |||
| position: relative; | |||
| height: 184rpx; | |||
| border:1px solid #eee; | |||
| } | |||
| .coupons1-border { | |||
| height: 1rpx; | |||
| /* width: 100%; */ | |||
| left: 30rpx; | |||
| right: 30rpx; | |||
| background: #f5f5f5; | |||
| position: absolute; | |||
| bottom: 0; | |||
| } | |||
| .coupons1-img { | |||
| width: 248rpx; | |||
| height: 184rpx; | |||
| overflow: hidden; | |||
| border-radius: 10rpx; | |||
| } | |||
| .coupons1-img image { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .coupons1-info { | |||
| padding-left: 20rpx; | |||
| } | |||
| .coupons1-info-name { | |||
| font-size: 28rpx; | |||
| color: #000000; | |||
| letter-spacing: 0; | |||
| line-height: 38rpx; | |||
| } | |||
| .coupons1-info-price { | |||
| padding: 32rpx 0 0; | |||
| } | |||
| .i{ | |||
| font-size: 20rpx; | |||
| font-style: normal; | |||
| } | |||
| .coupons1-info-price-p { | |||
| display: inline-block; | |||
| font-size: 36rpx; | |||
| color: #f96563; | |||
| line-height: 50rpx; | |||
| } | |||
| .tit{ | |||
| margin-top: 32rpx; | |||
| } | |||
| .coupons1-info-price-o { | |||
| display: block; | |||
| text-align: center; | |||
| font-size: 26rpx; | |||
| color: #b4b4b4; | |||
| letter-spacing: 0.96rpx; | |||
| text-decoration: line-through; | |||
| line-height: 24rpx; | |||
| } | |||
| .coupons1-info-distance { | |||
| font-size: 22rpx; | |||
| color: #c0c0c0; | |||
| letter-spacing: 0; | |||
| padding-bottom: 10rpx; | |||
| line-height: 30rpx; | |||
| } | |||
| .coupons1-info-address { | |||
| font-size: 22rpx; | |||
| color: #585858; | |||
| letter-spacing: 0; | |||
| line-height: 30rpx; | |||
| } | |||
| .coupons1-btn { | |||
| position: absolute; | |||
| top: 40rpx; | |||
| right: 30rpx; | |||
| } | |||
| .coupons1-btn-gm { | |||
| background: #00c0ff !important; | |||
| border-radius: 10rpx !important; | |||
| margin: 0 !important; | |||
| padding: 0 !important; | |||
| font-family: PingFangSC-Semibold; | |||
| font-size: 28rpx; | |||
| color: #ffffff !important; | |||
| letter-spacing: 0; | |||
| height: 50rpx !important; | |||
| width: 138rpx !important; | |||
| line-height: 50rpx !important; | |||
| } | |||
| .subtitle { | |||
| font-size: 22rpx; | |||
| color: #333; | |||
| font-weight: 100; | |||
| text-align: left; | |||
| } | |||
| .coupons1-info-manjian { | |||
| color: #fa7c7a; | |||
| font-size: 20rpx; | |||
| line-height: 34rpx; | |||
| display: inline-block; | |||
| } | |||
| /**上拉加载更多**/ | |||
| .userinfo { | |||
| display: flex; | |||
| flex-direction: column; | |||
| align-items: center; | |||
| } | |||
| .userinfo-avatar { | |||
| width: 128rpx; | |||
| height: 128rpx; | |||
| margin: 20rpx; | |||
| border-radius: 50%; | |||
| } | |||
| .userinfo-nickname { | |||
| color: #aaa; | |||
| } | |||
| .sy{ | |||
| display: block; | |||
| text-align: center; | |||
| } | |||
| .usermotto { | |||
| margin-top: 200px; | |||
| } | |||
| /**/ | |||
| scroll-view { | |||
| width: 100%; | |||
| } | |||
| .item { | |||
| width: 90%; | |||
| height: 300rpx; | |||
| margin: 20rpx auto; | |||
| background: brown; | |||
| overflow: hidden; | |||
| } | |||
| .item .img { | |||
| width: 430rpx; | |||
| margin-right: 20rpx; | |||
| float: left; | |||
| } | |||
| .title { | |||
| font-size: 30rpx; | |||
| display: block; | |||
| margin: 30rpx auto; | |||
| } | |||
| .description { | |||
| font-size: 26rpx; | |||
| line-height: 15rpx; | |||
| } | |||
| @@ -30,7 +30,21 @@ Page({ | |||
| current_scroll: e.id | |||
| }); | |||
| }, | |||
| gotopay:function(){ | |||
| console.log("000000"); | |||
| wx.navigateTo({ | |||
| url: '/pages/order/detail/index', | |||
| success: function(res){ | |||
| // success | |||
| }, | |||
| fail: function() { | |||
| // fail | |||
| }, | |||
| complete: function() { | |||
| // complete | |||
| } | |||
| }) | |||
| }, | |||
| getList(key, pageNum) { | |||
| let that = this; | |||
| @@ -11,7 +11,7 @@ | |||
| <view class='info'> | |||
| <view> | |||
| <text>{{item.title}}</text> | |||
| <text wx:if="{{item.orderStatus==0}}">等待付款</text> | |||
| <text wx:if="{{item.orderStatus==1}}">等待付款</text> | |||
| </view> | |||
| <view>{{item.subTitle}}</view> | |||
| <view> | |||
| @@ -24,7 +24,7 @@ | |||
| <text>¥{{item.salePrice/100}}</text> | |||
| <text>¥{{item.price/100}}</text> | |||
| </view> | |||
| <view class="btn"> | |||
| <view class="btn" bindtap="gotopay"> | |||
| <text>支付</text> | |||
| </view> | |||
| </view> | |||