| | |
| | | <template> |
| | | <view class="good-list-container"> |
| | | <view class="top-bg img100 relative" :style="{'padding-top':(StatusBar)+'px','line-height':CustomBar+'rpx' }"> |
| | | <image class="component-bg" src="../../../static/images/customer/coupon/good-top-bg.png" |
| | | <!-- ../../../static/images/customer/coupon/good-top-bg.png --> |
| | | <image class="component-bg" src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/a9/a9731b0037924324a3d3318dfa7d10c5LZk6JsSC33ua754767bf8c714154f06bbd5b4d905174.png" |
| | | mode="scaleToFill" /> |
| | | |
| | | <view class="title"> |
| | | <uni-icons class="icon" type="left" size="24"></uni-icons> |
| | | <uni-icons class="icon" type="left" size="24" @click="backpage"></uni-icons> |
| | | 积分兑换 |
| | | </view> |
| | | <view class="flex point-info"> |
| | |
| | | <view class="flex"> |
| | | <image src="../../../static/images/customer/coupon/icon-point.png" class="point-icon"> |
| | | </image> |
| | | 1552 |
| | | {{currentInfo.currentPoint || 0}} |
| | | <uni-icons class="icon" type="right" size="32"></uni-icons> |
| | | </view> |
| | | </view> |
| | |
| | | data: { |
| | | couponId: item.id, |
| | | goodsId: item.id, //兼容2个 |
| | | num:1 |
| | | } |
| | | }) |
| | | this.$message.hideLoading() |
| | |
| | | }) |
| | | }, |
| | | changeScore(item){ |
| | | this.query.pointLower = item.min || undefined |
| | | this.query.pointUpper = item.max || undefined |
| | | this.query.pointLower = item.min || 0 |
| | | this.query.pointUpper = item.max || 990000 |
| | | this.refreshList() |
| | | } |
| | | }, |
| | |
| | | }, |
| | | ], |
| | | query: { |
| | | pointLower: 1001, |
| | | pointUpper: 3000 |
| | | pointLower: 0, |
| | | pointUpper: 1000 |
| | | }, |
| | | scores: [{ |
| | | min: 0, |
| | |
| | | } |
| | | |
| | | .title { |
| | | padding-top: 18rpx; |
| | | padding-bottom: 18rpx; |
| | | padding:18rpx 18rpx 0rpx 18rpx; |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #000000; |
| | | line-height: 44rpx; |
| | | text-align: center; |
| | | text-align: left; |
| | | } |
| | | |
| | | .score-info { |
| | |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #44775A; |
| | | padding:18rpx; |
| | | padding-bottom: 28rpx; |
| | | |
| | | .score { |
| | |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #44775A; |
| | | text-align: center; |
| | | line-height: 46rpx; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .query-scores { |
| | | overflow-x: scroll; |
| | | width: max-content; |
| | | // width: max-content; |
| | | .item { |
| | | min-width: fit-content; |
| | | padding-left: 16rpx; |
| | | padding-right: 16rpx; |
| | | text-align: center; |
| | |
| | | |
| | | .icon { |
| | | position: absolute; |
| | | left: 20rpx; |
| | | left: 0rpx; |
| | | z-index: 1; |
| | | } |
| | | } |