Commit 91e90b33 by 高淑倩

add: 积分兑换详情页

parent 37acb952
// 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: {
isExchange:false
isExchange:false,
integralMallDetail:{}
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
onShow () {
const {id} = this.options
// this.getIntegralCouponDetail('579702812007600128')
this.getIntegralCouponDetail(id)
},
//立即兑换
......@@ -23,13 +32,20 @@ Page({
},
//获取积分兑换优惠券详情
getIntegralCouponDetail(){
getIntegralCouponDetail(id){
wx.showLoading({
title: '加载中'
})
wxService.get(`/coupon/pointsRedemptionCouponSetting/get/${id}`).then(res => {
this.setData({
integralCouponDetail: res.data.data.content
})
const {result,data} = res.data
if(result == 0){
wx.hideLoading()
this.setData({
integralMallDetail: data
})
}
}).finally(() => {
wx.hideLoading()
})
}
})
\ No newline at end of file
{
"navigationBarTitleText": "积分兑换详情页",
"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
<!--pages/integralMallDetail/integralMallDetail.wxml-->
<view class='page-integral-detail'>
<view class='coupon-wrap'>
<view class='coupon-list'>
<!-- <navigator hover-class='none' url='/pages/couponDetail/couponDetail'> -->
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png'></image>
<view class='coupon-img'>
<image src='/assets/imgs/qr-code.png'></image>
</view>
<view class='coupon-info'>
<view class='coupon-name fs-28'>200积分</view>
<view class='coupon-desc fs-28'>kdsjfhdjsgfs</view>
</view>
<view class='coupon-code fs-24'>立即兑换</view>
<!-- </navigator> -->
</view>
<view class='integral-detail'>
<view class='integral-list'>
<view class='integral-title'>优惠详情</view>
<view class='integral-desc'>数据库更待何时规范规定时间官方价格都十分关键是大概花费</view>
</view>
<view class='integral-list'>
<view class='integral-title'>有效期</view>
<view class='integral-desc'>数据库更待何时规范规定时间官方价格都十分关键是大概花费</view>
</view>
</view>
<button type='primary' bindtap='exchange'>立即兑换</button>
</view>
<view class='coupon-wrap'>
<view class='coupon-list'>
<image class='coupon-bg' src='/assets/imgs/coupon-bg.png' />
<view class='coupon-img'>
<image src='/assets/imgs/qr-code.png' />
</view>
<view class='coupon-info'>
<view class='coupon-name fs-28'>{{integralMallDetail.point}}积分</view>
<view class='coupon-desc fs-28'>{{integralMallDetail.couponName}}</view>
</view>
<view class='coupon-code fs-24'>立即兑换</view>
</view>
<view class='integral-detail'>
<view class='integral-list'>
<view class='integral-title'>优惠详情</view>
<view class='integral-desc'>数据库更待何时规范规定时间官方价格都十分关键是大概花费</view>
</view>
<view class='integral-list'>
<view class='integral-title'>有效期</view>
<view class='integral-desc'>数据库更待何时规范规定时间官方价格都十分关键是大概花费</view>
</view>
</view>
<button type='primary' class="redeem-now" bindtap='exchange'>立即兑换</button>
</view>
</view>
<exchange-coupon-modal isExchange='{{isExchange}}'/>
<exchange-coupon-modal isExchange='{{isExchange}}' />
......@@ -4,6 +4,10 @@
padding: 20rpx;
clear: both;
}
.redeem-now{
font-size: 28rpx!important;
background-color: rgb(0, 188, 112)!important;
}
.coupon-list{
width: 712rpx;
height: 209rpx;
......
......@@ -37,7 +37,7 @@
"list": []
},
"miniprogram": {
"current": 8,
"current": 6,
"list": [
{
"id": -1,
......@@ -76,10 +76,10 @@
"query": ""
},
{
"id": 9,
"id": 6,
"name": "积分兑换详情页",
"pathName": "pages/integralMallDetail/integralMallDetail",
"query": ""
"query": "id=579702812007600128"
},
{
"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