| | |
| | | <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" @click="backpage"></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> |
| | | <view class="m-l-a m-r-0 rule"> |
| | | <view class="m-l-a m-r-0 rule" @click="goto('/pages/help/content?id=积分规则',false)"> |
| | | <view class="flex w-fit m-l-a m-r-15"> |
| | | <view class="m-r-10">规则</view> |
| | | <image src="../../../static/images/customer/coupon/icon-rule.png" class="rule-icon"> |
| | |
| | | }, |
| | | changeScore(item){ |
| | | this.query.pointLower = item.min || 0 |
| | | this.query.pointUpper = item.max || 10000000000 |
| | | this.query.pointUpper = item.max || 990000 |
| | | this.refreshList() |
| | | } |
| | | }, |
| | |
| | | }, |
| | | ], |
| | | query: { |
| | | pointLower: 1001, |
| | | pointUpper: 3000 |
| | | pointLower: 0, |
| | | pointUpper: 1000 |
| | | }, |
| | | scores: [{ |
| | | min: 0, |
| | |
| | | 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; |