浏览代码

[banner详情的券列表,以及部分详情;我的订单详情][增加]:banner的券列表以及我的订单详情

tags/2.2.4
meo 7 年前
父节点
当前提交
e0346e4d22
共有 4 个文件被更改,包括 242 次插入13 次删除
  1. +37
    -3
      pages/bannerdetail/index.wxml
  2. +188
    -7
      pages/bannerdetail/index.wxss
  3. +15
    -1
      pages/order/index/index.js
  4. +2
    -2
      pages/order/index/index.wxml

+ 37
- 3
pages/bannerdetail/index.wxml 查看文件

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

+ 188
- 7
pages/bannerdetail/index.wxss 查看文件

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

+ 15
- 1
pages/order/index/index.js 查看文件

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



+ 2
- 2
pages/order/index/index.wxml 查看文件

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


正在加载...
取消
保存