调用优惠券，记录，领取

api/voucher.js

@@ -0,0 +1,20 @@
+import request from './request.js';
+
+const getList = async (data) => {
+	const res = await request.get({ url: `/discount/info/list`, data });
+	return res.data;
+}
+const getInfo = async (id) => {
+	const res = await request.get({ url: `/discount/info/${id}` });
+	return res.data;
+}
+const receivevoucher = async (discountId) => {
+	const res = await request.post({ url: `/discount/receive/${discountId}` });
+	return res.data;
+}
+
+const getMyList = async (data) => {
+	const res = await request.get({  url: `/discount/record/list` });
+	return res.data;
+}
+export default { getList, getInfo, receivevoucher, getMyList };

components/popup.vue

@@ -0,0 +1,43 @@
+<template>
+	<uni-popup ref="alertDialog" type="dialog">
+		<uni-popup-dialog :type="popupInfo.msgType" :cancelText="popupInfo.cancelText" :confirmText="popupInfo.confirmText" :title="popupInfo.title" :content="popupInfo.content" @confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
+	</uni-popup>
+</template>
+
+<script>
+	export default {
+		props: {
+			popupInfo: {
+				type: Object,
+				default: () => ({
+					msgType: 'success',
+					cancelText: '关闭',
+					confirmText: '确认',
+					title: '通知',
+					content: '默认消息'
+				})
+			}
+		},
+		data () {
+			return {}
+		},
+		mounted() {},
+		methods: {
+			dialogConfirm() {
+				this.$emit('confirm')
+			},
+			dialogClose() {
+				this.$emit('close')
+			},
+			open() {
+				this.$refs.alertDialog.open()
+			},
+			close() {
+				this.$refs.alertDialog.close()
+			}
+		}
+	}
+</script>
+
+<style>
+</style>

env.js

@@ -1,14 +1,14 @@
 const ENV_API_URL = {
+	development: {
+		url: 'http://192.168.0.18:7070/api',
+		imgUrl: 'http://192.168.0.19/static/wxa',
+		fileUrl: 'http://192.168.0.18:80'
+	},
 	// development: {
-	// 	url: 'http://172.17.116.208:7070/api',
+	// 	url: 'https://fuyu.cc-lotus.info/wx-api/api',
 	// 	imgUrl: 'https://fuyu.cc-lotus.info/static/wxa',
-	// 	fileUrl: 'http://172.17.116.208:80'
+	// 	fileUrl: 'https://fuyu.cc-lotus.info'
 	// },
-	development: {
-		url: 'https://fuyu.cc-lotus.info/wx-api/api',
-		imgUrl: 'https://fuyu.cc-lotus.info/static/wxa',
-		fileUrl: 'https://fuyu.cc-lotus.info'
-	},
 	production: {
 		url: 'https://fuyu.scapp.cn/wx-api/api',
 		imgUrl: 'https://fuyu.scapp.cn/static/wxa/',

manifest.json

@@ -47,7 +47,7 @@
     },
     /* SDK配置 */
     "quickapp" : {},
-    /* 快应用特有相关 */
+    /* 快应用特有相关 zs: wxfb8ee68c5e9a63e8  cs: wx81b6d12cb9349c6a*/
     "mp-weixin" : {
         "appid" : "wxfb8ee68c5e9a63e8",
         "setting" : {

pages.json

@@ -181,6 +181,24 @@
 			"style": {
 				"navigationBarTitleText": "招募详情"
 			}
+		},
+		{
+			"path": "pages/goods/index",
+			"style": {
+				"navigationBarTitleText": "积分商城"
+			}
+		},
+		{
+			"path": "pages/goods/details",
+			"style": {
+				"navigationBarTitleText": "优惠券详情"
+			}
+		},
+		{
+			"path": "pages/goods/my",
+			"style": {
+				"navigationBarTitleText": "我的优惠券"
+			}
 		}
 	],
 	"globalStyle": {

pages/goods/details.vue

@@ -0,0 +1,160 @@
+ <template>
+ 	<view class="voucher-coupon-detail">
+ 		<image class="voucher-coupon-detail-header-img" mode="aspectFit" v-if="coupon.photo" :src="fileUrl + coupon.photo"></image>
+ 		<view class="voucher-coupon-detail-header">
+ 			<view class="voucher-coupon-detail-header-info">
+ 				<view class="voucher-coupon-detail-header-info-title">{{coupon.name}}</view>
+ 				<view class="voucher-coupon-detail-header-info-desc">剩余：{{coupon.remainCount || 0}}</view>
+ 				<view class="voucher-coupon-detail-header-info-time">金额：￥{{coupon.money}}</view>
+ 			</view>
+ 		</view>
+ 		<view class="voucher-coupon-detail-content">
+ 			<view class="voucher-coupon-detail-content-title">使用说明</view>
+ 			<view class="voucher-coupon-detail-content-desc" v-html="coupon.details"></view>
+ 		</view>
+ 		<view class="voucher-coupon-detail-footer-btn" :class="{ remainCount: coupon.remainCount == 0 }" @click="receive">立即领取</view>
+		<popup ref="popup" :popupInfo="popupInfo" @confirm="popupBtnClick" @close="popupBtnClick"></popup>
+ 	</view>
+ </template>
+
+ <script>
+	import { BASE_URL } from '../../env.js';
+	import voucher from '../../api/voucher.js';
+	import popup from '../../components/popup.vue'
+ 	export default {
+		components: {
+			popup
+		},
+ 		data() {
+ 			return {
+				fileUrl: BASE_URL.fileUrl,
+ 				coupon: {
+ 					photo: '',
+ 					title: '',
+ 					remain_count: '',
+ 					describe: ``,
+ 					money: ''
+ 				},
+				popupInfo: {
+					msgType: 'success',
+					cancelText: '关闭',
+					confirmText: '确认',
+					title: '通知',
+					content: '默认消息'
+				},
+ 			};
+ 		},
+		onLoad: async function(option) {
+			if(option.id) this.id = option.id;
+			this.query();
+		},
+ 		methods: {
+			async query() {
+				const res = await voucher.getInfo(this.id);
+				this.coupon = res.data;
+			},
+			popupBtnClick() {
+				this.query();
+			},
+ 			async receive() {
+				if (this.coupon.remainCount == 0) return;
+				// 领取流程
+				const res = await voucher.receivevoucher(this.coupon.discountId);
+				if (res.code == 200) {
+					this.popupInfo.content = '领取成功'
+					this.$refs.popup.open();
+					this.query();
+				}
+ 			}
+ 		}
+ 	};
+ </script>
+
+ <style>
+ 	.voucher-coupon-detail {
+ 		padding: 20rpx;
+ 		width: 90%;
+ 		margin: 0 auto;
+ 	}
+
+ 	.voucher-coupon-detail-header {
+ 		display: flex;
+ 		align-items: center;
+ 		margin-bottom: 20rpx;
+ 	}
+
+ 	.voucher-coupon-detail-header-img {
+ 		width: 100%;
+ 		/* height: 120rpx; */
+ 		/* margin-right: 20rpx; */
+ 	}
+
+ 	.voucher-coupon-detail-header-info {
+ 		flex: 1;
+ 	}
+
+ 	.voucher-coupon-detail-header-info-title {
+ 		font-size: 32rpx;
+ 		font-weight: bold;
+ 		margin-bottom: 10rpx;
+ 		margin-top: 30rpx;
+ 	}
+
+ 	.voucher-coupon-detail-header-info-desc {
+ 		font-size: 28rpx;
+ 		color: #999;
+ 		margin-bottom: 10rpx;
+ 	}
+
+ 	.voucher-coupon-detail-header-info-time {
+ 		font-size: 28rpx;
+ 		color: #999;
+ 	}
+
+ 	.voucher-coupon-detail-content {
+ 		margin-top: 30rpx;
+ 	}
+
+ 	.voucher-coupon-detail-content-title {
+ 		font-size: 32rpx;
+ 		font-weight: bold;
+ 		margin-bottom: 20rpx;
+ 	}
+
+ 	.voucher-coupon-detail-content-desc {
+ 		font-size: 28rpx;
+ 		color: #999;
+ 		line-height: 1.5;
+ 		margin-bottom: 20rpx;
+ 	}
+
+ 	.voucher-coupon-detail-footer {
+ 		display: flex;
+ 		justify-content: space-between;
+ 		align-items: center;
+ 		background-color: #f5f5f5;
+ 		padding: 20rpx;
+ 		border-radius: 10rpx;
+ 	}
+
+ 	.voucher-coupon-detail-footer-price {
+ 		font-size: 36rpx;
+ 		font-weight: bold;
+ 	}
+
+ 	.voucher-coupon-detail-footer-btn {
+ 		display: flex;
+ 		justify-content: center;
+ 		align-items: center;
+ 		height: 80rpx;
+ 		background-color: #f60;
+ 		color: #FFFFFF;
+ 		font-size: 32rpx;
+ 		font-weight: bold;
+ 		border-radius: 10rpx;
+ 		margin-top: 50rpx;
+ 	}
+	.remainCount {
+		background-color: #999;
+	}
+ </style>

pages/goods/index.vue

@@ -0,0 +1,218 @@
+<template>
+	<view class="content">
+		<view class="page-section page-section-spacing swiper">
+			<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
+				<swiper-item v-for="(item, index) in bannerList" :key="index">
+					<image style="width: 100%; height: 100%;" :src="item"></image>
+				</swiper-item>
+			</swiper>
+		</view>
+		<uni-section class="mb-10" title="热门优惠" type="line">
+			<view class="mainList">
+				<uni-list>
+					<uni-list-item v-for="(item, index) in list" :key="index">
+						<!-- 自定义 header -->
+						<template v-slot:header>
+							<image class="slot-image" :src="fileUrl + item.photo" @click="btn(item)"></image>
+						</template>
+						<!-- 自定义 body -->
+						<template v-slot:body>
+							<view class="slot-body titleBox" @click="btn(item)">
+								<view class="slot-box slot-title">{{ item.name }}</view>
+								<view class="slot-box slot-text">金额：{{ item.money }}</view>
+								<view class="slot-box slot-text">剩余：{{ item.remainCount }}</view>
+							</view>
+						</template>
+						<!-- 自定义 footer-->
+						<template v-slot:footer>
+							<button type="default" class="receive" :class="{ remainCount: item.remainCount == 0 }" size="mini" @click="itemClick(item)">领取</button>
+						</template>
+					</uni-list-item>
+				</uni-list>
+			</view>
+		</uni-section>
+		<uni-load-more :status="more" />
+		<popup ref="popup" :popupInfo="popupInfo" @confirm="popupBtnClick" @close="popupBtnClick"></popup>
+	</view>
+</template>
+<script>
+	import login from '../../api/login.js';
+	import { BASE_URL } from '../../env.js';
+	import voucher from '../../api/voucher.js';
+	import popup from '../../components/popup.vue'
+	const appid = uni.getAccountInfoSync().miniProgram.appId;
+	export default {
+		components: {
+			popup
+		},
+		data() {
+			return {
+				bannerList: [],
+				fileUrl: BASE_URL.fileUrl,
+				list: [],
+				page: 0,
+				size: 10,
+				more: 'more',
+				popupInfo: {
+					msgType: 'success',
+					cancelText: '关闭',
+					confirmText: '确认',
+					title: '通知',
+					content: '默认消息'
+				},
+			};
+		},
+		onLoad: async function() {
+			const config = await login.getJson();
+			const { bannerList } = config.data;
+			this.bannerList = bannerList;
+			this.query();
+		},
+		methods: {
+			async query() {
+				this.page += 1;
+				this.more = 'loading';
+				// 此处是查询函数
+				const res = await voucher.getList({ pageNum: this.page, pageSize: this.size });
+				this.list.push(...res.rows)
+				// 根据总数 算页数  如果当前页 = 总页数就是没有数据  否则就是上拉加载
+				this.more = this.page >= Math.ceil(res.total / this.size) ? 'noMore' : 'more';
+			},
+			// 领取
+			async itemClick(item) {
+				if (item.remainCount == 0) return;
+				// 领取流程
+				const res = await voucher.receivevoucher(item.discountId);
+				if (res.code == 200) {
+					this.popupInfo.content = '领取成功'
+					this.$refs.popup.open();
+					this.query();
+				}
+			},
+			// 详情
+			btn(item) {
+				uni.navigateTo({ url: `/pages/goods/details?id=${item.discountId}` });
+			},
+			popupBtnClick() {
+				this.list = [];
+				this.page = 0;
+				this.query();
+			}
+		},
+		// 页面生命周期中onReachBottom（页面滚动到底部的事件）
+		onReachBottom() {
+			if(this.more != 'noMore') {
+				this.more = 'more';
+				this.query();
+			}
+		}
+	};
+</script>
+<style scoped>
+	.content {
+		width: 100%;
+		height: 100vh;
+		padding-bottom: 15rpx;
+		background: #F8F8F8;
+	}
+	.mainList {
+		width: 90%;
+		margin: 30rpx auto;
+	}
+
+	.mainText {
+		width: 100%;
+		color: #000000;
+		font-size: 34rpx;
+		text-align: left;
+		font-weight: 550;
+		opacity: 0.5;
+		margin-bottom: 50rpx;
+	}
+
+	.receive {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 120rpx;
+		background-color: #f60;
+		color: #FFFFFF;
+		font-size: 24rpx;
+		border-radius: 10rpx;
+		height: 2.5em;
+		margin-top: 30rpx;
+	}
+
+	button {
+		margin: unset;
+		padding: unset;
+	}
+
+	button:after {
+		border: unset;
+	}
+</style>
+<style>
+.slot-box {
+	position: relative;
+}
+.slot-image {
+	width: 130rpx;
+	height: 120rpx;
+}
+.status {
+	position: absolute;
+	left: 0;
+	top: 0;
+	font-size: 12px;
+	color: #fff;
+	background: #999;
+}
+.uni-list-item__container {
+	flex: none !important;
+	width: 90%;
+	padding: 12px 5% !important;
+}
+.titleBox {
+	width: 70%;
+	margin-left: 10px;
+	display: block;
+}
+.slot-title {
+	width: 100%;
+	font-weight: 600;
+	color: #000;
+	line-height: 2em;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	display: block;
+}
+.slot-text {
+	display: block;
+	width: 100%;
+	font-size: 22rpx;
+	color: #999;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+.slot-footer {
+	margin-left: 3%;
+}
+.footerIcon {
+	line-height: 3em;
+}
+.remainCount {
+	background-color: #999 !important;
+}
+.swiper {
+	height: 45vw;
+	overflow: hidden;
+}
+
+/**/
+.uni-section .uni-section-header {
+	padding: 12px 20px !important;
+}
+</style>

pages/goods/my.vue

@@ -0,0 +1,181 @@
+<template>
+	<view class="content">
+		<view class="mainList">
+			<uni-list>
+				<uni-list-item v-for="(item, index) in list" :key="index">
+					<!-- 自定义 header -->
+					<template v-slot:header>
+						<image class="slot-image" :src="fileUrl + item['discountInfo.photo']" @click="btn(item)"></image>
+					</template>
+					<!-- 自定义 body -->
+					<template v-slot:body>
+						<view class="slot-body titleBox" @click="btn(item)">
+							<view class="slot-box slot-title">{{ item['discountInfo.name'] }}</view>
+							<view class="slot-box slot-text">领取时间：{{ item.createTime }}</view>
+							
+						</view>
+					</template>
+					<!-- 自定义 footer-->
+					<template v-slot:footer></template>
+				</uni-list-item>
+			</uni-list>
+		</view>
+		<uni-load-more :status="more" />
+	</view>
+</template>
+<script>
+	import login from '../../api/login.js';
+	import { BASE_URL } from '../../env.js';
+	import voucher from '../../api/voucher.js';
+	export default {
+		components: {},
+		data() {
+			return {
+				fileUrl: BASE_URL.fileUrl,
+				list: [],
+				page: 0,
+				size: 10,
+				more: 'more',
+			};
+		},
+		onLoad: async function() {
+			this.query();
+		},
+		methods: {
+			async query() {
+				this.page += 1;
+				this.more = 'loading';
+				// 此处是查询函数
+				const res = await voucher.getMyList({ pageNum: this.page, pageSize: this.size });
+				this.list.push(...res.rows.map(e => {
+					for (const key in e.discountInfo) {
+						const itemKey = `discountInfo.${key}`;
+						e[itemKey] = e.discountInfo[key]
+					}
+					return e;
+				}))
+				// 根据总数 算页数  如果当前页 = 总页数就是没有数据  否则就是上拉加载
+				this.more = this.page >= Math.ceil(res.total / this.size) ? 'noMore' : 'more';
+			},
+			// 详情
+			btn(item) {
+				uni.navigateTo({ url: `/pages/good/details?id=${item.voucherId}` });
+			}
+		},
+		// 页面生命周期中onReachBottom（页面滚动到底部的事件）
+		onReachBottom() {
+			if(this.more != 'noMore') {
+				this.more = 'more';
+				this.query();
+			}
+		}
+	};
+</script>
+<style scoped>
+	.content {
+		width: 100%;
+		height: 100vh;
+		padding-bottom: 15rpx;
+		background: #F8F8F8;
+	}
+	.mainList {
+		width: 90%;
+		margin: 30rpx auto;
+	}
+
+	.mainText {
+		width: 100%;
+		color: #000000;
+		font-size: 34rpx;
+		text-align: left;
+		font-weight: 550;
+		opacity: 0.5;
+		margin-bottom: 50rpx;
+	}
+
+	.receive {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 120rpx;
+		background-color: #f60;
+		color: #FFFFFF;
+		font-size: 24rpx;
+		border-radius: 10rpx;
+		height: 2.5em;
+		margin-top: 30rpx;
+	}
+
+	button {
+		margin: unset;
+		padding: unset;
+	}
+
+	button:after {
+		border: unset;
+	}
+</style>
+<style>
+.slot-box {
+	position: relative;
+}
+.slot-image {
+	width: 130rpx;
+	height: 120rpx;
+}
+.status {
+	position: absolute;
+	left: 0;
+	top: 0;
+	font-size: 12px;
+	color: #fff;
+	background: #999;
+}
+.uni-list-item__container {
+	flex: none !important;
+	width: 90%;
+	padding: 12px 5% !important;
+}
+.titleBox {
+	width: 70%;
+	margin-left: 10px;
+	display: block;
+}
+.slot-title {
+	width: 100%;
+	font-weight: 600;
+	color: #000;
+	line-height: 2em;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	display: block;
+}
+.slot-text {
+	display: block;
+	width: 100%;
+	font-size: 22rpx;
+	color: #999;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+.slot-footer {
+	margin-left: 3%;
+}
+.footerIcon {
+	line-height: 3em;
+}
+.remainCount {
+	background-color: #999 !important;
+}
+.swiper {
+	height: 45vw;
+	overflow: hidden;
+}
+
+/**/
+.uni-section .uni-section-header {
+	padding: 12px 20px !important;
+}
+</style>

pages/my/index.vue

@@ -26,6 +26,11 @@
 					<uni-list-item :showExtraIcon="true" :extra-icon="extraIconList[3]" title="我的积分" link clickable @click="onClick(3)"></uni-list-item>
 				</uni-list>
 			</uni-card>
+			<uni-card>
+				<uni-list :border="false">
+					<uni-list-item :showExtraIcon="true" :extra-icon="extraIconList[5]" title="我的代金券" link clickable @click="onClick(5)"></uni-list-item>
+				</uni-list>
+			</uni-card>
 			<!-- <uni-card>
 				<uni-list :border="false">
 					<uni-list-item :showExtraIcon="true" :extra-icon="extraIconList[4]" title="意见反馈" link clickable @click="onClick(4)"></uni-list-item>
@@ -71,6 +76,11 @@
 						color: '#e70000',
 						size: '22',
 						type: 'email-filled'
+					},
+					{
+						color: '#ff8319',
+						size: '22',
+						type: 'flag'
 					}
 				],
 				src: '',
@@ -126,6 +136,12 @@
 					})
 					return;
 				}
+				if (e == 5) {
+					uni.navigateTo({
+						url: '/pages/goods/my'
+					})
+					return;
+				}
 				uni.showToast({
 					title: '敬请期待',
 					icon: 'error',

unpackage/dist/dev/mp-weixin/app.json

@@ -29,7 +29,10 @@
     "pages/report/double",
     "pages/report/service",
     "pages/recruit/index",
-    "pages/recruit/details"
+    "pages/recruit/details",
+    "pages/goods/index",
+    "pages/goods/details",
+    "pages/goods/my"
   ],
   "subPackages": [],
   "window": {

unpackage/dist/dev/mp-weixin/components/popup.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "uni-popup": "/uni_modules/uni-popup/components/uni-popup/uni-popup",
+    "uni-popup-dialog": "/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/activity/details.js

@@ -101,16 +101,16 @@ var components
 try {
   components = {
     uniSection: function () {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-section/components/uni-section/uni-section */ "uni_modules/uni-section/components/uni-section/uni-section").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-section/components/uni-section/uni-section.vue */ 291))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-section/components/uni-section/uni-section */ "uni_modules/uni-section/components/uni-section/uni-section").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-section/components/uni-section/uni-section.vue */ 301))
     },
     uniList: function () {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list/uni-list */ "uni_modules/uni-list/components/uni-list/uni-list").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list/uni-list.vue */ 305))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list/uni-list */ "uni_modules/uni-list/components/uni-list/uni-list").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list/uni-list.vue */ 315))
     },
     uniListItem: function () {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list-item/uni-list-item */ "uni_modules/uni-list/components/uni-list-item/uni-list-item").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list-item/uni-list-item.vue */ 312))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list-item/uni-list-item */ "uni_modules/uni-list/components/uni-list-item/uni-list-item").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list-item/uni-list-item.vue */ 322))
     },
     uniGoodsNav: function () {
-      return Promise.all(/*! import() | uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav.vue */ 418))
+      return Promise.all(/*! import() | uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav.vue */ 428))
     },
   }
 } catch (e) {

unpackage/dist/dev/mp-weixin/pages/activity/index.js

@@ -101,16 +101,16 @@ var components
 try {
   components = {
     uniList: function () {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list/uni-list */ "uni_modules/uni-list/components/uni-list/uni-list").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list/uni-list.vue */ 305))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list/uni-list */ "uni_modules/uni-list/components/uni-list/uni-list").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list/uni-list.vue */ 315))
     },
     uniListItem: function () {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list-item/uni-list-item */ "uni_modules/uni-list/components/uni-list-item/uni-list-item").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list-item/uni-list-item.vue */ 312))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list-item/uni-list-item */ "uni_modules/uni-list/components/uni-list-item/uni-list-item").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list-item/uni-list-item.vue */ 322))
     },
     uniIcons: function () {
-      return Promise.all(/*! import() | uni_modules/uni-icons/components/uni-icons/uni-icons */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-icons/components/uni-icons/uni-icons")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-icons/components/uni-icons/uni-icons.vue */ 344))
+      return Promise.all(/*! import() | uni_modules/uni-icons/components/uni-icons/uni-icons */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-icons/components/uni-icons/uni-icons")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-icons/components/uni-icons/uni-icons.vue */ 354))
     },
     uniLoadMore: function () {
-      return Promise.all(/*! import() | uni_modules/uni-load-more/components/uni-load-more/uni-load-more */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-load-more/components/uni-load-more/uni-load-more")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue */ 326))
+      return Promise.all(/*! import() | uni_modules/uni-load-more/components/uni-load-more/uni-load-more */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-load-more/components/uni-load-more/uni-load-more")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.vue */ 336))
     },
   }
 } catch (e) {

unpackage/dist/dev/mp-weixin/pages/details/index.js

@@ -101,7 +101,7 @@ var components
 try {
   components = {
     uniTitle: function () {
-      return __webpack_require__.e(/*! import() | uni_modules/uni-title/components/uni-title/uni-title */ "uni_modules/uni-title/components/uni-title/uni-title").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-title/components/uni-title/uni-title.vue */ 352))
+      return __webpack_require__.e(/*! import() | uni_modules/uni-title/components/uni-title/uni-title */ "uni_modules/uni-title/components/uni-title/uni-title").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-title/components/uni-title/uni-title.vue */ 362))
     },
   }
 } catch (e) {

unpackage/dist/dev/mp-weixin/pages/goods/details.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "优惠券详情",
+  "usingComponents": {
+    "popup": "/components/popup"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/goods/details.wxss

@@ -0,0 +1,76 @@
+
+.voucher-coupon-detail {
+ 		padding: 20rpx;
+ 		width: 90%;
+ 		margin: 0 auto;
+}
+.voucher-coupon-detail-header {
+ 		display: flex;
+ 		align-items: center;
+ 		margin-bottom: 20rpx;
+}
+.voucher-coupon-detail-header-img {
+ 		width: 100%;
+ 		/* height: 120rpx; */
+ 		/* margin-right: 20rpx; */
+}
+.voucher-coupon-detail-header-info {
+ 		flex: 1;
+}
+.voucher-coupon-detail-header-info-title {
+ 		font-size: 32rpx;
+ 		font-weight: bold;
+ 		margin-bottom: 10rpx;
+ 		margin-top: 30rpx;
+}
+.voucher-coupon-detail-header-info-desc {
+ 		font-size: 28rpx;
+ 		color: #999;
+ 		margin-bottom: 10rpx;
+}
+.voucher-coupon-detail-header-info-time {
+ 		font-size: 28rpx;
+ 		color: #999;
+}
+.voucher-coupon-detail-content {
+ 		margin-top: 30rpx;
+}
+.voucher-coupon-detail-content-title {
+ 		font-size: 32rpx;
+ 		font-weight: bold;
+ 		margin-bottom: 20rpx;
+}
+.voucher-coupon-detail-content-desc {
+ 		font-size: 28rpx;
+ 		color: #999;
+ 		line-height: 1.5;
+ 		margin-bottom: 20rpx;
+}
+.voucher-coupon-detail-footer {
+ 		display: flex;
+ 		justify-content: space-between;
+ 		align-items: center;
+ 		background-color: #f5f5f5;
+ 		padding: 20rpx;
+ 		border-radius: 10rpx;
+}
+.voucher-coupon-detail-footer-price {
+ 		font-size: 36rpx;
+ 		font-weight: bold;
+}
+.voucher-coupon-detail-footer-btn {
+ 		display: flex;
+ 		justify-content: center;
+ 		align-items: center;
+ 		height: 80rpx;
+ 		background-color: #f60;
+ 		color: #FFFFFF;
+ 		font-size: 32rpx;
+ 		font-weight: bold;
+ 		border-radius: 10rpx;
+ 		margin-top: 50rpx;
+}
+.remainCount {
+		background-color: #999;
+}
+ 

unpackage/dist/dev/mp-weixin/pages/goods/index.json

@@ -0,0 +1,10 @@
+{
+  "navigationBarTitleText": "积分商城",
+  "usingComponents": {
+    "uni-section": "/uni_modules/uni-section/components/uni-section/uni-section",
+    "uni-list": "/uni_modules/uni-list/components/uni-list/uni-list",
+    "uni-list-item": "/uni_modules/uni-list/components/uni-list-item/uni-list-item",
+    "uni-load-more": "/uni_modules/uni-load-more/components/uni-load-more/uni-load-more",
+    "popup": "/components/popup"
+  }
+}