Commit 91e90b33 by 高淑倩

add: 积分兑换详情页

parent 37acb952
// pages/integralMallDetail/integralMallDetail.js // pages/integralMallDetail/integralMallDetail.js
Page({ const app = getApp()
const wxService = require('../../utils/wxService')
const utils = require('../../utils/util')
const envInfo = require('../../config/index').envInfo
wxService.page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
isExchange:false isExchange:false,
integralMallDetail:{}
}, },
/** /**
* 生命周期函数--监听页面显示 * 生命周期函数--监听页面显示
*/ */
onShow: function () { onShow () {
const {id} = this.options
// this.getIntegralCouponDetail('579702812007600128')
this.getIntegralCouponDetail(id)
}, },
//立即兑换 //立即兑换
...@@ -23,13 +32,20 @@ Page({ ...@@ -23,13 +32,20 @@ Page({
}, },
//获取积分兑换优惠券详情 //获取积分兑换优惠券详情
getIntegralCouponDetail(){ getIntegralCouponDetail(id){
wx.showLoading({
title: '加载中'
})
wxService.get(`/coupon/pointsRedemptionCouponSetting/get/${id}`).then(res => { wxService.get(`/coupon/pointsRedemptionCouponSetting/get/${id}`).then(res => {
const {result,data} = res.data
if(result == 0){
wx.hideLoading()
this.setData({ this.setData({
integralCouponDetail: res.data.data.content integralMallDetail: data
}) })
}
}).finally(() => { }).finally(() => {
wx.hideLoading()
}) })
} }
}) })
\ No newline at end of file
{ {
"navigationBarTitleText": "积分兑换详情页", "navigationBarTitleText": "积分兑换详情页",
"usingComponents": { "usingComponents": {
"exchange-coupon-modal": "./../../component/exchange-coupon-modal/exchange-coupon-modal" "exchange-coupon-modal": "/component/exchange-coupon-modal/exchange-coupon-modal"
} }
} }
\ No newline at end of file
...@@ -2,17 +2,15 @@ ...@@ -2,17 +2,15 @@
<view class='page-integral-detail'> <view class='page-integral-detail'>
<view class='coupon-wrap'> <view class='coupon-wrap'>
<view class='coupon-list'> <view class='coupon-list'>
<!-- <navigator hover-class='none' url='/pages/couponDetail/couponDetail'> --> <image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png'></image>
<view class='coupon-img'> <view class='coupon-img'>
<image src='/assets/imgs/qr-code.png'></image> <image src='/assets/imgs/qr-code.png' />
</view> </view>
<view class='coupon-info'> <view class='coupon-info'>
<view class='coupon-name fs-28'>200积分</view> <view class='coupon-name fs-28'>{{integralMallDetail.point}}积分</view>
<view class='coupon-desc fs-28'>kdsjfhdjsgfs</view> <view class='coupon-desc fs-28'>{{integralMallDetail.couponName}}</view>
</view> </view>
<view class='coupon-code fs-24'>立即兑换</view> <view class='coupon-code fs-24'>立即兑换</view>
<!-- </navigator> -->
</view> </view>
<view class='integral-detail'> <view class='integral-detail'>
<view class='integral-list'> <view class='integral-list'>
...@@ -24,8 +22,7 @@ ...@@ -24,8 +22,7 @@
<view class='integral-desc'>数据库更待何时规范规定时间官方价格都十分关键是大概花费</view> <view class='integral-desc'>数据库更待何时规范规定时间官方价格都十分关键是大概花费</view>
</view> </view>
</view> </view>
<button type='primary' bindtap='exchange'>立即兑换</button> <button type='primary' class="redeem-now" bindtap='exchange'>立即兑换</button>
</view> </view>
</view> </view>
<exchange-coupon-modal isExchange='{{isExchange}}'/> <exchange-coupon-modal isExchange='{{isExchange}}' />
...@@ -4,6 +4,10 @@ ...@@ -4,6 +4,10 @@
padding: 20rpx; padding: 20rpx;
clear: both; clear: both;
} }
.redeem-now{
font-size: 28rpx!important;
background-color: rgb(0, 188, 112)!important;
}
.coupon-list{ .coupon-list{
width: 712rpx; width: 712rpx;
height: 209rpx; height: 209rpx;
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": 8, "current": 6,
"list": [ "list": [
{ {
"id": -1, "id": -1,
...@@ -76,10 +76,10 @@ ...@@ -76,10 +76,10 @@
"query": "" "query": ""
}, },
{ {
"id": 9, "id": 6,
"name": "积分兑换详情页", "name": "积分兑换详情页",
"pathName": "pages/integralMallDetail/integralMallDetail", "pathName": "pages/integralMallDetail/integralMallDetail",
"query": "" "query": "id=579702812007600128"
}, },
{ {
"id": -1, "id": -1,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment