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