5-13

api/shop.js

@@ -25,4 +25,21 @@ export function getStoreDetail(data, id) {
 		method: 'get',
 		data
 	});
+}
+
+// 获取优惠券详情
+export function getYhqDetail(data) {
+	return request({
+		url: '/api/coupon_datalis',
+		method: 'get',
+		data
+	})
+}
+
+export function getGift(data) {
+	return request({
+		url: '/api/share',
+		method: 'post',
+		data
+	})
 }

api/user.js

@@ -1,218 +1,227 @@
-import request from '@/utils/request'
-
-
-//查看子点位
-export function lookSubpoints(data, id) {
-	return request({
-		url: '/api/tree/children/' + id,
-		method: 'get',
-		data
-	})
-}
-//查看自己的点位
-export function lookOneself(data) {
-	return request({
-		url: '/api/tree/points',
-		method: 'get',
-		data
-
-	})
-}
-
-//绑定上级
-export function spread(data) {
-	return request({
-		url: '/api/user/spread',
-		method: 'post',
-		data
-	})
-}
-
-//我的推广
-export function myspread(data) {
-	return request({
-		url: '/api/spread/people',
-		method: 'POST',
-		data
-	});
-}
-
-// 订单统计信息
-export function orderData(data) {
-	return request({
-		url: '/api/order/data',
-		method: 'get',
-		data
-	});
-}
-
-// 获取用户信息
-export function getUserInfo(data) {
-	return request({
-		url: '/api/userinfo',
-		method: 'get',
-		data
-	});
-}
-// 获取用户信息
-export function userinfo(data) {
-	return request({
-		url: '/api/userinfo',
-		method: 'get',
-		data
-	});
-}
-
-// 用户分享图
-export function spreadBanner(data) {
-	return request({
-		url: '/api/spread/banner',
-		method: 'get',
-		data
-	});
-}
-
-// 获取地址列表
-export function getAddressList(data) {
-	return request({
-		url: '/api/address/list',
-		method: 'get',
-		data
-	});
-}
-// 修改地址
-export function addressEdit(data) {
-	return request({
-		url: '/api/address/edit',
-		method: 'post',
-		data
-	});
-}
-// 删除地址
-export function addressDel(data) {
-	return request({
-		url: '/api/address/del',
-		method: 'post',
-		data
-	});
-}
-// 设为默认地址
-export function setAddressDefault(data) {
-	return request({
-		url: '/api/address/default/set',
-		method: 'post',
-		data
-	});
-}
-// 购物车列表
-export function getCartList(data) {
-	return request({
-		url: '/api/cart/list',
-		method: 'get',
-		data
-	});
-}
-
-// 修改购物车数量
-export function getCartNum(data) {
-	return request({
-		url: '/api/cart/num',
-		method: 'post',
-		data
-	});
-}
-//删除购物车
-export function cartDel(data) {
-	return request({
-		url: '/api/cart/del',
-		method: 'post',
-		data
-	});
-}
-//获取收藏夹列表
-export function getcollectList(data) {
-	return request({
-		url: '/api/collect/user',
-		method: 'get',
-		data
-	});
-}
-// 取消收藏
-export function delcollect(data) {
-	return request({
-		url: '/api/collect/del',
-		method: 'post',
-		data
-	});
-}
-
-//积分转账
-export function transfer(data) {
-	return request({
-		url: '/api/trade',
-		method: 'post',
-		data
-	})
-}
-
-//余额转账
-export function yuetransfer(data) {
-	return request({
-		url: '/api/yue/trade',
-		method: 'post',
-		data
-	})
-}
-
-//现金转账
-export function cashtransfer(data) {
-	return request({
-		url: '/api/cash/trade',
-		method: 'post',
-		data
-	})
-}
-
-// 我的分红积分
-export function share(data) {
-	return request({
-		url: '/api/game',
-		method: 'get',
-		data
-	})
-}
-//上传图片
-export function upload(data) {
-	return request({
-		url: '/api/upload/image',
-		method: 'post',
-		data
-	})
-}
-
-//用户修改信息
-export function edit(data) {
-	return request({
-		url: '/api/user/edit',
-		method: 'post',
-		data
-	});
-}
-
-//扫码核销
-export function coupon_verific(data) {
-	return request({
-		url: '/api/coupon_verific',
-		method: 'post',
-		data
-	});
-}
-
-//核销记录
-export function write_off(data) {
-	return request({
-		url: '/api/write_off',
-		method: 'get',
-		data
-	});
+import request from '@/utils/request'
+
+
+//查看子点位
+export function lookSubpoints(data, id) {
+	return request({
+		url: '/api/tree/children/' + id,
+		method: 'get',
+		data
+	})
+}
+//查看自己的点位
+export function lookOneself(data) {
+	return request({
+		url: '/api/tree/points',
+		method: 'get',
+		data
+
+	})
+}
+
+//绑定上级
+export function spread(data) {
+	return request({
+		url: '/api/user/spread',
+		method: 'post',
+		data
+	})
+}
+
+//我的推广
+export function myspread(data) {
+	return request({
+		url: '/api/spread/people',
+		method: 'POST',
+		data
+	});
+}
+
+// 订单统计信息
+export function orderData(data) {
+	return request({
+		url: '/api/order/data',
+		method: 'get',
+		data
+	});
+}
+
+// 获取用户信息
+export function getUserInfo(data) {
+	return request({
+		url: '/api/userinfo',
+		method: 'get',
+		data
+	});
+}
+// 获取用户信息
+export function userinfo(data) {
+	return request({
+		url: '/api/userinfo',
+		method: 'get',
+		data
+	});
+}
+
+// 用户分享图
+export function spreadBanner(data) {
+	return request({
+		url: '/api/spread/banner',
+		method: 'get',
+		data
+	});
+}
+
+// 获取地址列表
+export function getAddressList(data) {
+	return request({
+		url: '/api/address/list',
+		method: 'get',
+		data
+	});
+}
+// 修改地址
+export function addressEdit(data) {
+	return request({
+		url: '/api/address/edit',
+		method: 'post',
+		data
+	});
+}
+// 删除地址
+export function addressDel(data) {
+	return request({
+		url: '/api/address/del',
+		method: 'post',
+		data
+	});
+}
+// 设为默认地址
+export function setAddressDefault(data) {
+	return request({
+		url: '/api/address/default/set',
+		method: 'post',
+		data
+	});
+}
+// 购物车列表
+export function getCartList(data) {
+	return request({
+		url: '/api/cart/list',
+		method: 'get',
+		data
+	});
+}
+
+// 修改购物车数量
+export function getCartNum(data) {
+	return request({
+		url: '/api/cart/num',
+		method: 'post',
+		data
+	});
+}
+//删除购物车
+export function cartDel(data) {
+	return request({
+		url: '/api/cart/del',
+		method: 'post',
+		data
+	});
+}
+//获取收藏夹列表
+export function getcollectList(data) {
+	return request({
+		url: '/api/collect/user',
+		method: 'get',
+		data
+	});
+}
+// 取消收藏
+export function delcollect(data) {
+	return request({
+		url: '/api/collect/del',
+		method: 'post',
+		data
+	});
+}
+
+//积分转账
+export function transfer(data) {
+	return request({
+		url: '/api/trade',
+		method: 'post',
+		data
+	})
+}
+
+//余额转账
+export function yuetransfer(data) {
+	return request({
+		url: '/api/yue/trade',
+		method: 'post',
+		data
+	})
+}
+
+//现金转账
+export function cashtransfer(data) {
+	return request({
+		url: '/api/cash/trade',
+		method: 'post',
+		data
+	})
+}
+
+// 我的分红积分
+export function share(data) {
+	return request({
+		url: '/api/game',
+		method: 'get',
+		data
+	})
+}
+//上传图片
+export function upload(data) {
+	return request({
+		url: '/api/upload/image',
+		method: 'post',
+		data
+	})
+}
+
+//用户修改信息
+export function edit(data) {
+	return request({
+		url: '/api/user/edit',
+		method: 'post',
+		data
+	});
+}
+
+//扫码核销
+export function coupon_verific(data) {
+	return request({
+		url: '/api/coupon_verific',
+		method: 'post',
+		data
+	});
+}
+
+//核销记录
+export function write_off(data) {
+	return request({
+		url: '/api/write_off',
+		method: 'get',
+		data
+	});
+}
+
+// 获取我的优惠券
+export function getMyYhq(data) {
+	return request({
+		url: '/api/coupon_user',
+		method: 'get',
+		data
+	});
 }

pages.json

@@ -48,6 +48,13 @@
 
 			}
 		},
+		{
+			"path": "pages/shop/shareF",
+			"style": {
+				"navigationBarTitleText": "分享"
+
+			}
+		},
 		{
 			"path": "pages/shop/yhqDetail",
 			"style": {
@@ -97,6 +104,12 @@
 				"navigationBarTitleText": "核销历史"
 			}
 		},
+		{
+			"path": "pages/user/myyhq",
+			"style": {
+				"navigationBarTitleText": "我的优惠券"
+			}
+		},
 		{
 			"path": "pages/public/login",
 			"style": {

pages/shop/djqQm.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="content">
-		<swiper :indicator-dots="true" class="box">
+		<swiper :indicator-dots="list.length > 1" class="box">
 			<swiper-item class="djq-wrap" v-for="(item, index) in list">
 				<view>
 					<view class="djq-top flex f-d-c f-j-c">
@@ -8,25 +8,17 @@
 						<view class="djq-time">{{ item.end_time == 0 ? '永久有效' : '有效期至' + item.end_time }}</view>
 					</view>
 					<view class="djq-body">
-						<view class="used" v-if="item.status == 1"><image src="../../static/img/ysy.png" mode=""></image></view>
-						<view class="used" v-if="item.status == 2"><image src="../../static/img/ygq.png" mode=""></image></view>
+						<view class="used" v-if="item.status == 1">
+							<image src="../../static/img/ysy.png" mode=""></image>
+						</view>
+						<view class="used" v-if="item.status == 2">
+							<image src="../../static/img/ygq.png" mode=""></image>
+						</view>
 						<view class="ewm">
-							<tki-qrcode
-								:cid="'aaa' + index"
-								ref="qrcode"
-								:val="item.code"
-								:size="size"
-								:unit="unit"
-								:background="background"
-								:foreground="foreground"
-								:pdground="pdground"
-								:iconSize="iconSize"
-								:lv="lv"
-								:onval="onval"
-								:loadMake="loadMake"
-								:usingComponents="usingComponents"
-								@result="qrR"
-							/>
+							<tki-qrcode :cid="'aaa' + index" ref="qrcode" :val="item.code" :size="size" :unit="unit"
+								:background="background" :foreground="foreground" :pdground="pdground"
+								:iconSize="iconSize" :lv="lv" :onval="onval" :loadMake="loadMake"
+								:usingComponents="usingComponents" @result="qrR" />
 						</view>
 						<view class="ewm-code">{{ item.code }}</view>
 					</view>
@@ -37,162 +29,189 @@
 </template>
 
 <script>
-import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';
-import { view_order } from '@/api/order.js';
-export default {
-	components: {
-		tkiQrcode
-	},
-	data() {
-		return {
-			list: [],
-			id: '',
-			cid: 'tki-qrcode-canvas', //canvasId，页面存在多个二维码组件时需设置不同的ID
-			size: 440, //生成的二维码大小
-			unit: 'upx', //大小单位尺寸
-			show: true, //默认使用组件中的image标签显示二维码
-			background: '#ffffff', //二维码背景色
-			foreground: '#333333', //二维码前景色
-			pdground: '#333333', //二维码角标色
-			icon: '', //二维码图标URL（必须是本地图片，网络图需要先下载至本地）
-			iconSize: 40, //二维码图标大小
-			lv: 3, //容错级别
-			onval: true, //监听val值变化自动重新生成二维码
-			loadMake: true, //组件初始化完成后自动生成二维码，val需要有值
-			usingComponents: false, //是否使用了自定义组件模式（主要是为了修复非自定义组件模式时 v-if 无法生成二维码的问题）
-			showLoading: false, //是否显示loading
-			loadingText: '二维码生成中', //loading文字
-			src: '', // 二维码生成后的图片地址或base64
-			ratio: 1, //页面比例用于计算
-			ctxSrc: '', //要显示的图片
-			loading: true //是否载入图片中
-		};
-	},
-	onLoad(opt) {
-		this.id = opt.id;
-		this.loadData();
-	},
-	onShow() {},
-	onReachBottom() {},
-	onReady() {},
-	methods: {
-		loadData() {
-			const obj = this;
-			view_order({
-				order_id: this.id
-			}).then(({ data }) => {
-				this.list = data.coupon;
-				console.log(this.list);
-			});
+	import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';
+	import {
+		view_order
+	} from '@/api/order.js';
+	import {
+		getYhqDetail
+	} from '@/api/shop.js'
+	export default {
+		components: {
+			tkiQrcode
 		},
-		qrR() {}
-	}
-};
+		data() {
+			return {
+				code: '',
+				list: [],
+				id: '',
+				cid: 'tki-qrcode-canvas', //canvasId，页面存在多个二维码组件时需设置不同的ID
+				size: 440, //生成的二维码大小
+				unit: 'upx', //大小单位尺寸
+				show: true, //默认使用组件中的image标签显示二维码
+				background: '#ffffff', //二维码背景色
+				foreground: '#333333', //二维码前景色
+				pdground: '#333333', //二维码角标色
+				icon: '', //二维码图标URL（必须是本地图片，网络图需要先下载至本地）
+				iconSize: 40, //二维码图标大小
+				lv: 3, //容错级别
+				onval: true, //监听val值变化自动重新生成二维码
+				loadMake: true, //组件初始化完成后自动生成二维码，val需要有值
+				usingComponents: false, //是否使用了自定义组件模式（主要是为了修复非自定义组件模式时 v-if 无法生成二维码的问题）
+				showLoading: false, //是否显示loading
+				loadingText: '二维码生成中', //loading文字
+				src: '', // 二维码生成后的图片地址或base64
+				ratio: 1, //页面比例用于计算
+				ctxSrc: '', //要显示的图片
+				loading: true //是否载入图片中
+			};
+		},
+		onLoad(opt) {
+			if (opt.id) {
+				this.id = opt.id;
+				this.loadData();
+			}
+			if (opt.code) {
+				this.code = opt.code
+				this.getYhqDetail()
+			}
+		},
+		onShow() {},
+		onReachBottom() {},
+		onReady() {},
+		methods: {
+			loadData() {
+				const obj = this;
+				view_order({
+					order_id: this.id
+				}).then(({
+					data
+				}) => {
+					this.list = data.coupon;
+					console.log(this.list);
+				});
+			},
+			qrR() {},
+			getYhqDetail() {
+				let obj = this
+				getYhqDetail({
+					code: obj.code
+				}).then(res => {
+					console.log(res)
+					obj.list.push(res.data)
+				})
+			}
+		}
+	};
 </script>
 
-<style lang="scss">
-page {
-	height: 100%;
-	background-color: #f9e24f;
-}
-.box {
-	width: 696rpx;
-	margin: auto;
-	height: 1060rpx;
-}
-.djq-wrap {
-	width: 696rpx;
-	background-color: #fff;
-	position: relative;
-	margin: auto;
-	margin-top: 100rpx;
-	.djq-top {
-		height: 185rpx;
-		background: #f5f5f5;
-		overflow: hidden;
-
-		.djq-name {
-			font-size: 44rpx;
-			font-weight: bold;
-			color: #222222;
-		}
+<style lang="scss" scoped>
+	page {
+		height: 100%;
+		background-color: #f9e24f;
+	}
 
-		.djq-time {
-			font-size: 24rpx;
-			font-weight: 500;
-			color: #686868;
-		}
+	.box {
+		width: 696rpx;
+		margin: auto;
+		height: 1060rpx;
+	}
 
-		&::after,
-		&::before {
-			content: '';
-			height: 120rpx;
-			width: 120rpx;
-			border-radius: 50%;
-			position: absolute;
-			top: -60rpx;
-			background-color: #f9e24f;
-		}
+	.djq-wrap {
+		width: 696rpx;
+		background-color: #fff;
+		position: relative;
+		margin: auto;
+		margin-top: 100rpx;
 
-		&::before {
-			left: -60rpx;
-		}
+		.djq-top {
+			height: 185rpx;
+			background: #f5f5f5;
+			overflow: hidden;
 
-		&::after {
-			right: -60rpx;
-		}
-	}
+			.djq-name {
+				font-size: 44rpx;
+				font-weight: bold;
+				color: #222222;
+			}
 
-	.djq-body {
-		height: 770rpx;
-		position: relative;
-		padding-top: 115rpx;
-
-		&::after,
-		&::before {
-			content: '';
-			height: 120rpx;
-			width: 120rpx;
-			border-radius: 50%;
-			position: absolute;
-			bottom: -60rpx;
-			background-color: #f9e24f;
-		}
+			.djq-time {
+				font-size: 24rpx;
+				font-weight: 500;
+				color: #686868;
+			}
 
-		&::before {
-			left: -60rpx;
-		}
+			&::after,
+			&::before {
+				content: '';
+				height: 120rpx;
+				width: 120rpx;
+				border-radius: 50%;
+				position: absolute;
+				top: -60rpx;
+				background-color: #f9e24f;
+			}
 
-		&::after {
-			right: -60rpx;
-		}
+			&::before {
+				left: -60rpx;
+			}
 
-		.used {
-			position: absolute;
-			top: 0rpx;
-			right: 0rpx;
-			z-index: 99;
-			height: 440rpx;
-			width: 440rpx;
-			image {
-				width: 100%;
-				height: 100%;
+			&::after {
+				right: -60rpx;
 			}
 		}
 
-		.ewm {
-			width: 440rpx;
-			height: 440rpx;
-			margin: auto;
-		}
+		.djq-body {
+			height: 770rpx;
+			position: relative;
+			padding-top: 115rpx;
 
-		.ewm-code {
-			padding-top: 55rpx;
-			font-size: 44rpx;
-			font-weight: bold;
-			color: #333333;
-			text-align: center;
+			&::after,
+			&::before {
+				content: '';
+				height: 120rpx;
+				width: 120rpx;
+				border-radius: 50%;
+				position: absolute;
+				bottom: -60rpx;
+				background-color: #f9e24f;
+			}
+
+			&::before {
+				left: -60rpx;
+			}
+
+			&::after {
+				right: -60rpx;
+			}
+
+			.used {
+				position: absolute;
+				top: 0rpx;
+				right: 0rpx;
+				z-index: 99;
+				height: 440rpx;
+				width: 440rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.ewm {
+				width: 440rpx;
+				height: 440rpx;
+				margin: auto;
+			}
+
+			.ewm-code {
+				padding-top: 55rpx;
+				font-size: 44rpx;
+				font-weight: bold;
+				color: #333333;
+				text-align: center;
+			}
 		}
 	}
-}
 </style>

pages/shop/shareF.vue

@@ -0,0 +1,236 @@
+<template>
+	<view class="content">
+		<image src="http://xxl.liuniu946.com/static/image/share-bg.png" mode="" class="bg"></image>
+		<view class="">
+
+		</view>
+		<view class="share-user-logo">
+			<image :src="userlogo" mode=""></image>
+		</view>
+		<view class="good">
+			<image src="http://xxl.liuniu946.com/static/image/good.png" mode=""></image>
+		</view>
+		<view class="good-tit">
+			{{goodname}}
+		</view>
+		<!-- #ifdef MP-WEIXIN -->
+		<button class="share-btn" open-type="share" v-if="couldshare == 1">
+			立即分享
+		</button>
+		<!-- #endif -->
+		<!-- #ifdef H5 -->
+		<button class="share-btn" open-type="share" v-if="couldshare == 1" @click="imgShare = true">
+			立即分享
+		</button>
+		<!-- #endif -->
+		<view class="share-btn" v-if="couldshare == 2" @click="getGift">
+			{{jsspan}}
+		</view>
+		<image src="../../static/img/shareimg.png" mode="widthFix" style="position: fixed;top:0;width: 750rpx;"
+			v-if="imgShare" @click="imgShare = !imgShare">
+		</image>
+	</view>
+</template>
+
+<script>
+	// #ifdef H5
+	import {
+		weixindata,
+		shareLoad
+	} from '@/utils/wxAuthorized';
+	// #endif
+	import {
+		getGift
+	} from '@/api/shop.js'
+	export default {
+		data() {
+			return {
+				code: '',
+				imgShare: false,
+				userlogo: '',
+				shareId: '',
+				nickname: '',
+				goodimg: '',
+				couldshare: 0,
+				jsspan: '立即领取',
+				goodname: ''
+			}
+		},
+		onLoad(opt) {
+			this.code = opt.code
+			this.userlogo = opt.logo
+			this.shareId = opt.shareid
+			this.nickname = decodeURI(opt.nickname)
+			this.couldshare = opt.type
+			this.goodname = decodeURI(opt.goodname)
+			// #ifdef MP
+			if (opt.type == 2) {
+				if (opt.scene) {
+					// 存储小程序邀请人
+					uni.setStorage({
+						key: 'spread_code',
+						data: opt.scene
+					});
+				}
+			}
+			// #endif
+			// #ifdef H5
+			this.IndexShare()
+			// #endif
+
+		},
+		// 分享
+		onShareAppMessage(options) {
+			let obj = this
+			// 设置菜单中的转发按钮触发转发事件时的转发内容
+			let pages = getCurrentPages(); //获取加载的页面
+			let currentPage = pages[pages.length - 1]; //获取当前页面的对象
+			let url = currentPage.route; //当前页面url
+			let item = currentPage.options; //如果要获取url中所带的参数可以查看options
+			// let name = this.goodsObjact.store_name || this.goodsObjact.title;
+			let shareObj = {
+				title: obj.nickname + '分享您一张子臣鸭汤兑换券', // 默认是小程序的名称(可以写slogan等)
+				path: url + '?code=' + obj.code + '&type=2' +
+					'&logo=' + obj.userlogo +
+					'&nickname=' + encodeURI(obj.nickname) + '&goodname=' + encodeURI(obj
+						.goodname), // 默认是当前页面，必须是以‘/’开头的完整路径
+				imageUrl: 'http://xxl.liuniu946.com/static/image/good.png',
+				success: function(res) {
+					console.log(shareObj.path, 'path+++++++++++++++++++');
+					// 转发成功之后的回调
+					if (res.errMsg == 'shareAppMessage:ok') {}
+				},
+				fail: function() {
+					// 转发失败之后的回调
+					if (res.errMsg == 'shareAppMessage:fail cancel') {
+						// 用户取消转发
+					} else if (res.errMsg == 'shareAppMessage:fail') {
+						// 转发失败，其中 detail message 为详细失败信息
+					}
+				}
+			};
+
+			return shareObj;
+		},
+		methods: {
+
+			// #ifdef H5
+			IndexShare() {
+				let obj = this;
+				console.log(obj.Path);
+				// 保存邀请人
+				let data = {
+					link: obj.$store.state.baseURL + '/index/#/pages/shop/shareF?code=' + obj.code + '&type=2' +
+						'&logo=' + obj.userlogo +
+						'&nickname=' + encodeURI(obj.nickname) + '&goodname=' + encodeURI(obj.goodname),
+					title: obj.nickname + '向您分享' + obj.goodname,
+					desc: '欢迎加入想亮',
+					imgUrl: 'http://xxl.liuniu946.com/static/image/good.png'
+				};
+				console.log(data, '分享数据');
+				shareLoad(data);
+			},
+			// #endif
+			getGift() {
+				let obj = this
+				console.log('ddd')
+				getGift({
+					code: obj.code
+				}).then(res => {
+					console.log(res)
+					uni.showToast({
+						title: '领取成功',
+						duration: 2000
+					});
+					obj.jsspan = '已领取'
+					setTimeout(() => {
+						uni.switchTab({
+							url: '/pages/index/index'
+						})
+					}, 1500)
+
+				}).catch(err => {
+					console.log(err)
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page {
+		background-color: #901b21;
+		width: 100%;
+		height: 100%
+	}
+
+	.content {
+		position: relative;
+		background-color: #901b21;
+		min-height: 100%;
+
+		.bg {
+			// position: absolute;
+			width: 750rpx;
+			height: 1334rpx;
+		}
+
+		.share-btn {
+			width: 492rpx;
+			height: 86rpx;
+			background-color: #ebd49e;
+			border-radius: 43rpx;
+			text-align: center;
+			line-height: 86rpx;
+			color: #901b21;
+			font-weight: bold;
+			font-size: 36rpx;
+			position: absolute;
+			top: 1159rpx;
+			left: 130rpx;
+		}
+
+		.share-user-logo {
+			position: absolute;
+			top: 400rpx;
+			left: 0;
+			right: 0;
+			margin: auto;
+			width: 118rpx;
+			height: 118rpx;
+			border-radius: 50%;
+
+			image {
+				width: 118rpx;
+				height: 118rpx;
+				border-radius: 50%;
+			}
+		}
+
+		.good {
+			width: 290rpx;
+			height: 290rpx;
+			border-radius: 20rpx;
+			position: absolute;
+			top: 560rpx;
+			left: 0;
+			right: 0;
+			margin: auto;
+
+			image {
+				width: 290rpx;
+				height: 290rpx;
+				border-radius: 20rpx;
+			}
+		}
+
+		.good-tit {
+			position: absolute;
+			font-size: 32rpx;
+			color: #901b21;
+			text-align: center;
+			width: 750rpx;
+			top: 880rpx;
+		}
+	}
+</style>

pages/user/myyhq.vue

@@ -0,0 +1,286 @@
+<template>
+	<view class="content">
+		<view class="navbar">
+			<view v-for="(itemn, index) in navList" :key="index" class="nav-item"
+				:class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ itemn.text }}</view>
+		</view>
+		<swiper :current="tabCurrentIndex" class="swiper-box" duration="300" :style="{ height: height}"
+			@change="changeTab">
+			<swiper-item v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
+				<scroll-view scroll-y="true" :style="{ height: height}" style="padding-top: 20rpx;"
+					@scrolltolower="getMyex()">
+					<empty v-if="tabItem.loaded && tabItem.list.length === 0"></empty>
+
+					<view class="shop-dhq flex" v-for="qitem in tabItem.list">
+						<view class="dhq-left flex f-d-c f-j-c fg1 f-ai-s">
+							<view class="dhq-name">
+								{{qitem.coupon_title}}
+							</view>
+							<view class="dhq-price flex">
+								<view class="j-price">
+									{{qitem.coupon_price}}
+								</view>
+							</view>
+						</view>
+						<view class="dhq-right fs0 flex f-d-c f-j-sa">
+							<view class="right-btn" @click.stop="userNow(qitem)" v-if="tabCurrentIndex == 0">
+								立即使用
+							</view>
+							<view class="right-btn" @click.stop="shareF(qitem)" v-if="tabCurrentIndex == 0">
+								分享好友
+							</view>
+							<view class="right-btn ysy" v-if="tabCurrentIndex == 1">
+								已使用
+							</view>
+							<view class="right-btn ysy" v-if="tabCurrentIndex == 2">
+								已过期
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+			</swiper-item>
+		</swiper>
+	</view>
+</template>
+
+<script>
+	import {
+		mapState,
+		mapMutations
+	} from 'vuex';
+	import {
+		getMyYhq
+	} from '@/api/user.js'
+	export default {
+		data() {
+			return {
+				height: '',
+				tabCurrentIndex: 0,
+				navList: [{
+						type: 0,
+						text: '未使用',
+						list: [],
+						page: 1,
+						limit: 10,
+						loadingType: 'more',
+						loaded: false,
+					},
+					{
+						type: 1,
+						text: '已使用',
+						list: [],
+						page: 1,
+						limit: 10,
+						loadingType: 'more',
+						loaded: false,
+					},
+					{
+						type: 2,
+						text: '已过期',
+						list: [],
+						page: 1,
+						limit: 10,
+						loadingType: 'more',
+						loaded: false,
+					}
+				],
+			}
+		},
+		onLoad() {
+
+		},
+		onShow() {
+			this.getMyex()
+		},
+		onReachBottom() {
+
+		},
+		computed: {
+			...mapState('user', ['hasLogin', 'userInfo'])
+		},
+		onReady() {
+			var obj = this;
+			uni.getSystemInfo({
+				success: resu => {
+					const query = uni.createSelectorQuery();
+					query.select('.swiper-box').boundingClientRect();
+					query.exec(function(res) {
+						console.log(res, 'ddddddddddddd');
+						obj.height = resu.windowHeight - res[0].top + 'px';
+						console.log('打印页面的剩余高度', obj.height);
+					});
+				},
+				fail: res => {}
+			});
+		},
+		methods: {
+			// 立即使用
+			userNow(item) {
+				uni.navigateTo({
+					url: '/pages/shop/djqQm?code=' + item.code
+				})
+			},
+			// 分享好友
+			shareF(item) {
+				uni.navigateTo({
+					url: '/pages/shop/shareF?code=' + item.code + '&type=1' + '&logo=' + this.userInfo.avatar +
+						'&nickname=' + encodeURI(this.userInfo.nickname) + '&goodname=' + encodeURI(item
+							.coupon_title)
+				})
+			},
+			//swiper 切换
+			changeTab(e) {
+				this.tabCurrentIndex = e.target.current;
+				this.getMyex('tab');
+			},
+			//顶部tab点击
+			tabClick(index) {
+				this.tabCurrentIndex = index;
+				this.getMyex('tab');
+			},
+			getMyex(tab) {
+				let obj = this
+				let index = obj.tabCurrentIndex
+				let navItem = obj.navList[index]
+				if (navItem.loadingType == 'loading' || navItem.loadingType == 'noMore') {
+					return
+				}
+				if (tab == 'tab' && navItem.loaded) {
+					return
+				}
+				navItem.loadingType = 'loading'
+				getMyYhq({
+					page: navItem.page,
+					limit: navItem.limit,
+					status: navItem.type
+				}).then(({
+					data
+				}) => {
+					navItem.list = navItem.list.concat(data)
+					navItem.page++
+					if (data.length == navItem.limit) {
+						navItem.loadingType = 'more'
+						return
+					} else {
+						navItem.loadingType = 'noMore'
+					}
+					obj.$set(navItem, 'loaded', true)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.navbar {
+		display: flex;
+		height: 40px;
+		padding: 0 5px;
+		background: #fff;
+		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
+		position: relative;
+		z-index: 10;
+
+		.nav-item {
+			flex: 1;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			height: 100%;
+			font-size: 15px;
+			color: $font-color-dark;
+			position: relative;
+
+			&.current {
+				color: $base-color;
+
+				&:after {
+					content: '';
+					position: absolute;
+					left: 50%;
+					bottom: 0;
+					transform: translateX(-50%);
+					width: 44px;
+					height: 0;
+					border-bottom: 2px solid $base-color;
+				}
+			}
+		}
+	}
+
+	.shop-dhq {
+		width: 702rpx;
+		height: 171rpx;
+		box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.15);
+		margin: auto;
+		border-radius: 20rpx;
+		background-color: #fff;
+		padding: 0 20rpx 0 26rpx;
+		margin-bottom: 20rpx;
+
+		.dhq-left {
+
+
+			.dhq-name {
+				font-size: 33rpx;
+				font-weight: bold;
+				color: #333333;
+			}
+
+			.dhq-price {
+				padding-top: 20rpx;
+
+				.j-price {
+					font-size: 38rpx;
+					font-weight: bold;
+					color: #FF4C4C;
+
+					&::before {
+						content: '￥';
+						font-size: 24rpx;
+						color: #FF4C4C;
+					}
+				}
+
+				.j-zk {
+					display: inline-block;
+					margin-left: 10rpx;
+					line-height: 32rpx;
+					height: 32rpx;
+					border: 1px solid #FF4C4C;
+					border-radius: 5rpx;
+					font-size: 22rpx;
+					font-weight: 500;
+					color: #FF4C4C;
+					padding: 0 8rpx;
+				}
+			}
+
+
+		}
+
+		.dhq-right {
+			height: 80%;
+
+			.right-btn {
+				// width: 105rpx;
+				display: inline-block;
+				padding: 0 10rpx;
+				line-height: 56rpx;
+				background: linear-gradient(143.2747deg, #FF6A00, #EE0979);
+				border: 1rpx solid #FF4C4C;
+				border-radius: 27rpx;
+				text-align: center;
+				color: #fff;
+				font-size: 28rpx;
+				font-weight: bold;
+			}
+
+			.ysy {
+				background: #999;
+				border: none;
+				padding: 0 20rpx;
+			}
+		}
+	}
+</style>

pages/user/user.vue

@@ -1,9 +1,13 @@
 <template>
 	<view class="container">
 		<view class="vheigh"></view>
-		<view class="top-image"><image src="../../static/user/user-top.png" mode=""></image></view>
+		<view class="top-image">
+			<image src="../../static/user/user-top.png" mode=""></image>
+		</view>
 		<view class="user-set flex">
-			<view class="set-logo" @click="navTo('/pages/set/userinfo')"><!-- <image src="../../static/user/user1.png" mode=""></image> --></view>
+			<view class="set-logo" @click="navTo('/pages/set/userinfo')">
+				<!-- <image src="../../static/user/user1.png" mode=""></image> -->
+			</view>
 		</view>
 		<view class="user-wrap">
 			<view class="info-left flex">
@@ -44,16 +48,25 @@
 		</view>
 
 		<uni-list class="tool-list">
-			<uni-list-item v-if="userInfo.clerk_type == 1" title="券码核销" @click="shao()" thumb="/static/user/user1.png"></uni-list-item>
-			<uni-list-item v-if="userInfo.clerk_type == 1" title="核销历史" @click="navTo('/pages/user/hxjl')" thumb="/static/user/user2.png"></uni-list-item>
-			<uni-list-item title="邀请有礼" @click="navTo('/pages/user/shareQrCode')" thumb="/static/user/user3.png"></uni-list-item>
-			<uni-list-item title="我的收藏" @click="navTo('/pages/user/favorites')" thumb="/static/user/user4.png"></uni-list-item>
+			<uni-list-item v-if="userInfo.clerk_type == 1" title="券码核销" @click="shao()" thumb="/static/user/user1.png">
+			</uni-list-item>
+			<uni-list-item v-if="userInfo.clerk_type == 1" title="核销历史" @click="navTo('/pages/user/hxjl')"
+				thumb="/static/user/user2.png"></uni-list-item>
+			<uni-list-item title="我的优惠券" @click="navTo('/pages/user/myyhq')" thumb="/static/icon/g-l.png">
+			</uni-list-item>
+			<uni-list-item title="邀请有礼" @click="navTo('/pages/user/shareQrCode')" thumb="/static/user/user3.png">
+			</uni-list-item>
+			<uni-list-item title="我的收藏" @click="navTo('/pages/user/favorites')" thumb="/static/user/user4.png">
+			</uni-list-item>
 			<uni-list-item title="客服中心" @click="openKf()" thumb="/static/user/user5.png"></uni-list-item>
-			<uni-list-item title="设置" @click="navTo('/pages/set/userinfo')" thumb="/static/user/user6.png"></uni-list-item>
+			<uni-list-item title="设置" @click="navTo('/pages/set/userinfo')" thumb="/static/user/user6.png">
+			</uni-list-item>
 		</uni-list>
 		<uni-popup ref="popupkf" type="center">
 			<view class="popup-box">
-				<view class="img"><image src="../../static/img/img009.png" mode=""></image></view>
+				<view class="img">
+					<image src="../../static/img/img009.png" mode=""></image>
+				</view>
 				<view class="mian">
 					<view class="delivery">
 						<view class="title">已经为您定制专属客服</view>
@@ -69,792 +82,814 @@
 		</uni-popup>
 		<uni-popup ref="popuphx" class="agree-wrapper">
 			<view class="hx-wrapper">
-				<view class="hx-img"><image src="../../static/img/hxbg.png" mode=""></image></view>
+				<view class="hx-img">
+					<image src="../../static/img/hxbg.png" mode=""></image>
+				</view>
 				<view class="hx-body">
 					<view class="hx-title">输入核销码核销</view>
 					<input type="text" v-model="code" placeholder="请输入核销码" placeholder-class="hx-placeholder" />
 					<view class="hx-btn" @click="qhx">立即核销</view>
 				</view>
-				<view class="hx-close" @click="close"><image src="../../static/icon/close.png" mode=""></image></view>
+				<view class="hx-close" @click="close">
+					<image src="../../static/icon/close.png" mode=""></image>
+				</view>
 			</view>
 		</uni-popup>
 	</view>
 </template>
 <script>
-import { tabbar1 } from '@/utils/tabbar.js';
-import { mapState, mapMutations } from 'vuex';
-import uniList from '@/components/uni-list/uni-list.vue';
-import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
-import { orderData, getUserInfo, coupon_verific } from '@/api/user.js';
-import { saveUrl, interceptor } from '@/utils/loginUtils.js';
-// #ifdef H5
-import { weixindata, shareLoad } from '@/utils/wxAuthorized';
-// #endif
-let startY = 0,
-	moveY = 0,
-	pageAtTop = true;
-export default {
-	components: {
-		uniList,
-		uniListItem
-	},
-	data() {
-		return {
-			code: '',
-			current: 4,
-			tabbar: tabbar1,
-			qded: false, //是否已签到
-			text: '', //客服微信
-			today_integral: '', //签到获得的数值
-			today_type: '', //签到获得的数值单位
-			tom_integral: '', //明天签到获得的数值
-			tom_type: '', //签到获得的数值单位
-			userDowm: 0, //卡片升级专属高度
-			userMaxDowm: 0, //卡片最高高度
-			toolList: [
-				{
-					id: 't1',
-					name: '新人通道',
-					width: '56rpx',
-					heigt: '54rpx',
-					img: '../../static/icon/tool-1.png',
-					path: '/pages/user/xrtd'
-				},
-				{
-					id: 't2',
-					name: '邀请好友',
-					width: '56rpx',
-					heigt: '57rpx',
-					img: '../../static/icon/tool-2.png',
-					path: '/pages/user/shareQrCode'
-				},
-				{
-					id: 't3',
-					name: '我的粉丝',
-					width: '68rpx',
-					heigt: '53rpx',
-					img: '../../static/icon/tool-3.png',
-					path: '/pages/user/myfans'
-				},
-				{
-					id: 't4',
-					name: '我的订单',
-					width: '55rpx',
-					heigt: '54rpx',
-					img: '../../static/icon/tool-4.png',
-					path: '/pages/order/order'
-				},
-				{
-					id: 't5',
-					name: '我的商品',
-					width: '50rpx',
-					heigt: '58rpx',
-					img: '../../static/icon/tool-5.png',
-					path: '/pages/order/order'
-				},
-				{
-					id: 't6',
-					name: '馆长申请',
-					width: '59rpx',
-					heigt: '56rpx',
-					img: '../../static/icon/tool-6.png',
-					path: '/pages/user/gzsq'
-				}
-			]
-		};
-	},
-	onShow() {
-		// 判断是否已经登录
-		if (this.hasLogin) {
-			this.loadBaseData();
-		}
-		this.loadBaseData();
-	},
-	onReady() {
-		// 初始化获取页面宽度
-		uni.createSelectorQuery()
-			.select('.container')
-			.fields(
-				{
-					size: true
-				},
-				data => {
-					// 计算最多下拉的高度
-					this.userDowm = Math.floor((data.width / 750) * 185);
-					// 计算最大触发修改高度事件
-					this.userMaxDowm = Math.floor((data.width / 750) * 250);
-				}
-			)
-			.exec();
-	},
-	// #ifndef MP
-	// onNavigationBarButtonTap(e) {
-	// 	const index = e.index;
-	// 	if (index === 0) {
-	// 		this.navTo('/pages/set/set');
-	// 	} else if (index === 1) {
-	// 		// #ifdef APP-PLUS
-	// 		const pages = getCurrentPages();
-	// 		const page = pages[pages.length - 1];
-	// 		const currentWebview = page.$getAppWebview();
-	// 		currentWebview.hideTitleNViewButtonRedDot({
-	// 			index
-	// 		});
-	// 		// #endif
-	// 		uni.navigateTo({
-	// 			url: '/pages/user/notice'
-	// 		});
-	// 	}
-	// },
+	import {
+		tabbar1
+	} from '@/utils/tabbar.js';
+	import {
+		mapState,
+		mapMutations
+	} from 'vuex';
+	import uniList from '@/components/uni-list/uni-list.vue';
+	import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
+	import {
+		orderData,
+		getUserInfo,
+		coupon_verific
+	} from '@/api/user.js';
+	import {
+		saveUrl,
+		interceptor
+	} from '@/utils/loginUtils.js';
+	// #ifdef H5
+	import {
+		weixindata,
+		shareLoad
+	} from '@/utils/wxAuthorized';
 	// #endif
-	computed: {
-		...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
-	},
-	methods: {
-		...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
-		shareLL() {
-			this.$api.msg('功能建设中，敬请期待');
+	let startY = 0,
+		moveY = 0,
+		pageAtTop = true;
+	export default {
+		components: {
+			uniList,
+			uniListItem
 		},
-		comfirm(text) {
-			console.log(text);
-			const result = this.uniCopy(text);
-			if (result === false) {
-				uni.showToast({
-					title: '不支持'
-				});
-			} else {
-				uni.showToast({
-					title: '复制成功',
-					icon: 'none'
-				});
+		data() {
+			return {
+				code: '',
+				current: 4,
+				tabbar: tabbar1,
+				qded: false, //是否已签到
+				text: '', //客服微信
+				today_integral: '', //签到获得的数值
+				today_type: '', //签到获得的数值单位
+				tom_integral: '', //明天签到获得的数值
+				tom_type: '', //签到获得的数值单位
+				userDowm: 0, //卡片升级专属高度
+				userMaxDowm: 0, //卡片最高高度
+				toolList: [{
+						id: 't1',
+						name: '新人通道',
+						width: '56rpx',
+						heigt: '54rpx',
+						img: '../../static/icon/tool-1.png',
+						path: '/pages/user/xrtd'
+					},
+					{
+						id: 't2',
+						name: '邀请好友',
+						width: '56rpx',
+						heigt: '57rpx',
+						img: '../../static/icon/tool-2.png',
+						path: '/pages/user/shareQrCode'
+					},
+					{
+						id: 't3',
+						name: '我的粉丝',
+						width: '68rpx',
+						heigt: '53rpx',
+						img: '../../static/icon/tool-3.png',
+						path: '/pages/user/myfans'
+					},
+					{
+						id: 't4',
+						name: '我的订单',
+						width: '55rpx',
+						heigt: '54rpx',
+						img: '../../static/icon/tool-4.png',
+						path: '/pages/order/order'
+					},
+					{
+						id: 't5',
+						name: '我的商品',
+						width: '50rpx',
+						heigt: '58rpx',
+						img: '../../static/icon/tool-5.png',
+						path: '/pages/order/order'
+					},
+					{
+						id: 't6',
+						name: '馆长申请',
+						width: '59rpx',
+						heigt: '56rpx',
+						img: '../../static/icon/tool-6.png',
+						path: '/pages/user/gzsq'
+					}
+				]
+			};
+		},
+		onShow() {
+			// 判断是否已经登录
+			if (this.hasLogin) {
+				this.loadBaseData();
 			}
-			this.$refs.popupkf.close();
+			this.loadBaseData();
+		},
+		onReady() {
+			// 初始化获取页面宽度
+			uni.createSelectorQuery()
+				.select('.container')
+				.fields({
+						size: true
+					},
+					data => {
+						// 计算最多下拉的高度
+						this.userDowm = Math.floor((data.width / 750) * 185);
+						// 计算最大触发修改高度事件
+						this.userMaxDowm = Math.floor((data.width / 750) * 250);
+					}
+				)
+				.exec();
 		},
-		shao() {
-			let obj = this;
-			// #ifndef H5
-			uni.scanCode({
-				success(e) {
-					obj.code = e.result;
-					obj.$refs.popuphx.open();
+		// #ifndef MP
+		// onNavigationBarButtonTap(e) {
+		// 	const index = e.index;
+		// 	if (index === 0) {
+		// 		this.navTo('/pages/set/set');
+		// 	} else if (index === 1) {
+		// 		// #ifdef APP-PLUS
+		// 		const pages = getCurrentPages();
+		// 		const page = pages[pages.length - 1];
+		// 		const currentWebview = page.$getAppWebview();
+		// 		currentWebview.hideTitleNViewButtonRedDot({
+		// 			index
+		// 		});
+		// 		// #endif
+		// 		uni.navigateTo({
+		// 			url: '/pages/user/notice'
+		// 		});
+		// 	}
+		// },
+		// #endif
+		computed: {
+			...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
+		},
+		methods: {
+			...mapMutations('user', ['setUserInfo', 'setOrderInfo']),
+			shareLL() {
+				this.$api.msg('功能建设中，敬请期待');
+			},
+			comfirm(text) {
+				console.log(text);
+				const result = this.uniCopy(text);
+				if (result === false) {
+					uni.showToast({
+						title: '不支持'
+					});
+				} else {
+					uni.showToast({
+						title: '复制成功',
+						icon: 'none'
+					});
 				}
-			});
-			// #endif
-			// #ifdef H5
-			weixindata().then(wxOjb => {
-				console.log(wxOjb, '获取微信');
-				wxOjb.scanQRCode({
-					needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
-					scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
-					success: function(res) {
-						obj.code = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
+				this.$refs.popupkf.close();
+			},
+			shao() {
+				let obj = this;
+				// #ifndef H5
+				uni.scanCode({
+					success(e) {
+						obj.code = e.result;
 						obj.$refs.popuphx.open();
 					}
 				});
-			});
-			// #endif
-		},
-		qhx() {
-			coupon_verific({
-				verify_code: this.code
-			})
-				.then(e => {
-					this.$api.msg('核销成功');
-					obj.$refs.popuphx.close();
-					console.log(e);
-				})
-				.catch(e => {
-					console.log(e);
+				// #endif
+				// #ifdef H5
+				weixindata().then(wxOjb => {
+					console.log(wxOjb, '获取微信');
+					wxOjb.scanQRCode({
+						needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
+						scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
+						success: function(res) {
+							obj.code = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
+							obj.$refs.popuphx.open();
+						}
+					});
 				});
-		},
-		close() {
-			this.$refs.popuphx.close();
-			this.code = '';
-		},
-		uniCopy(content) {
+				// #endif
+			},
+			qhx() {
+				coupon_verific({
+						verify_code: this.code
+					})
+					.then(e => {
+						this.$api.msg('核销成功');
+						obj.$refs.popuphx.close();
+						console.log(e);
+					})
+					.catch(e => {
+						console.log(e);
+					});
+			},
+			close() {
+				this.$refs.popuphx.close();
+				this.code = '';
+			},
+			uniCopy(content) {
+				/**
+				 * 小程序端 和 app端的复制逻辑
+				 */
+				//#ifndef H5
+				uni.setClipboardData({
+					data: content,
+					success: function() {
+						console.log('success');
+						return true;
+					}
+				});
+				//#endif
+
+				/**
+				 * H5端的复制逻辑
+				 */
+				// #ifdef H5
+				if (!document.queryCommandSupported('copy')) {
+					//为了兼容有些浏览器 queryCommandSupported 的判断
+					// 不支持
+					return false;
+				}
+				let textarea = document.createElement('textarea');
+				textarea.value = content;
+				textarea.readOnly = 'readOnly';
+				document.body.appendChild(textarea);
+				textarea.select(); // 选择对象
+				textarea.setSelectionRange(0, content.length); //核心
+				let result = document.execCommand('copy'); // 执行浏览器复制命令
+				textarea.remove();
+				return result;
+				// #endif
+			},
+			// 加载初始数据
+			loadBaseData() {
+				getUserInfo({})
+					.then(({
+						data
+					}) => {
+						this.setUserInfo(data);
+						// 获取用户数据完毕后在获取订单数据防止多次跳转到登录页
+						orderData({})
+							.then(({
+								data
+							}) => {
+								this.setOrderInfo(data);
+							})
+							.catch(e => {
+								this.setOrderInfo({
+									complete_count: 0, //完成
+									received_count: 0, //待收货
+									unshipped_count: 0, //待发货
+									order_count: 0, //订单总数
+									unpaid_count: 0 //待付款
+								});
+							});
+					})
+					.catch(e => {
+						console.log(e);
+					});
+			},
 			/**
-			 * 小程序端 和 app端的复制逻辑
+			 * 统一跳转接口,拦截未登录路由
+			 * navigator标签现在默认没有转场动画，所以用view
 			 */
-			//#ifndef H5
-			uni.setClipboardData({
-				data: content,
-				success: function() {
-					console.log('success');
-					return true;
+			navTo(url) {
+				console.log(url);
+				if (!this.hasLogin) {
+					// 保存地址
+					saveUrl();
+					// 登录拦截
+					interceptor();
+				} else {
+					uni.navigateTo({
+						url
+					});
 				}
-			});
-			//#endif
 
-			/**
-			 * H5端的复制逻辑
-			 */
-			// #ifdef H5
-			if (!document.queryCommandSupported('copy')) {
-				//为了兼容有些浏览器 queryCommandSupported 的判断
-				// 不支持
-				return false;
-			}
-			let textarea = document.createElement('textarea');
-			textarea.value = content;
-			textarea.readOnly = 'readOnly';
-			document.body.appendChild(textarea);
-			textarea.select(); // 选择对象
-			textarea.setSelectionRange(0, content.length); //核心
-			let result = document.execCommand('copy'); // 执行浏览器复制命令
-			textarea.remove();
-			return result;
-			// #endif
-		},
-		// 加载初始数据
-		loadBaseData() {
-			getUserInfo({})
-				.then(({ data }) => {
-					this.setUserInfo(data);
-					// 获取用户数据完毕后在获取订单数据防止多次跳转到登录页
-					orderData({})
-						.then(({ data }) => {
-							this.setOrderInfo(data);
-						})
-						.catch(e => {
-							this.setOrderInfo({
-								complete_count: 0, //完成
-								received_count: 0, //待收货
-								unshipped_count: 0, //待发货
-								order_count: 0, //订单总数
-								unpaid_count: 0 //待付款
-							});
-						});
-				})
-				.catch(e => {
-					console.log(e);
-				});
-		},
-		/**
-		 * 统一跳转接口,拦截未登录路由
-		 * navigator标签现在默认没有转场动画，所以用view
-		 */
-		navTo(url) {
-			console.log(url);
-			if (!this.hasLogin) {
-				// 保存地址
-				saveUrl();
-				// 登录拦截
-				interceptor();
-			} else {
-				uni.navigateTo({
-					url
-				});
+				// uni.navigateTo({
+				// 	url
+				// });
+			},
+			useTool(e) {
+				this.navTo(e.path);
+			},
+			// 签到弹窗
+			goQd() {
+				this.$refs.popupqd.open();
+				this.qded = true;
+			},
+			// 关闭签到弹窗
+			closeQd() {
+				this.$refs.popupqd.close();
+			},
+			// 打开客服
+			openKf() {
+				this.$refs.popupkf.open();
+			},
+			// 关闭客服
+			cancel() {
+				this.$refs.popupkf.close();
 			}
-
-			// uni.navigateTo({
-			// 	url
-			// });
-		},
-		useTool(e) {
-			this.navTo(e.path);
-		},
-		// 签到弹窗
-		goQd() {
-			this.$refs.popupqd.open();
-			this.qded = true;
-		},
-		// 关闭签到弹窗
-		closeQd() {
-			this.$refs.popupqd.close();
-		},
-		// 打开客服
-		openKf() {
-			this.$refs.popupkf.open();
-		},
-		// 关闭客服
-		cancel() {
-			this.$refs.popupkf.close();
 		}
-	}
-};
+	};
 </script>
 <style lang="scss">
-%flex-center {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-}
-
-%section {
-	display: flex;
-	justify-content: space-around;
-	align-content: center;
-	background: #fff;
-	border-radius: 10rpx;
-}
-
-.container,
-page {
-	min-height: 100%;
-	height: auto;
-	background-color: $page-color-base;
-}
-
-.vheigh {
-	height: var(--status-bar-height);
-	background-color: $base-color;
-}
-
-.top-image {
-	position: absolute;
-	top: 0;
-	left: 0;
-	right: 0;
-	height: 230rpx;
-
-	image {
-		width: 100%;
-		height: 100%;
-	}
-}
-
-.tool-list {
-	width: 690rpx;
-	margin: auto;
-	margin-top: 20rpx;
-	background: #ffffff;
-	box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
-	border-radius: 20rpx;
-}
-
-.popup-box {
-	width: 522rpx;
-	height: 605rpx;
-	background-color: #ffffff;
-	border-radius: 20rpx;
-	position: relative;
-
-	.img {
-		position: relative;
-		top: -56rpx;
-		left: 0;
-		width: 522rpx;
-		height: 132rpx;
+	%flex-center {
 		display: flex;
+		flex-direction: column;
 		justify-content: center;
+		align-items: center;
+	}
+
+	%section {
+		display: flex;
+		justify-content: space-around;
+		align-content: center;
+		background: #fff;
+		border-radius: 10rpx;
+	}
+
+	.container,
+	page {
+		min-height: 100%;
+		height: auto;
+		background-color: $page-color-base;
+	}
+
+	.vheigh {
+		height: var(--status-bar-height);
+		background-color: $base-color;
+	}
+
+	.top-image {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		height: 230rpx;
 
 		image {
-			border-radius: 20rpx 20rpx 0 0;
-			width: 450rpx;
-			height: 132rpx;
+			width: 100%;
+			height: 100%;
 		}
 	}
 
-	.mian {
-		margin-top: -44rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		// padding: 32rpx 32rpx;
+	.tool-list {
+		width: 690rpx;
+		margin: auto;
+		margin-top: 20rpx;
+		background: #ffffff;
+		box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
+		border-radius: 20rpx;
+	}
+
+	.popup-box {
+		width: 522rpx;
+		height: 605rpx;
 		background-color: #ffffff;
-		border-radius: 0 0 20rpx 20rpx;
-		text-align: center;
+		border-radius: 20rpx;
+		position: relative;
 
-		.delivery {
-			font-size: 40rpx;
-			color: #333333;
+		.img {
+			position: relative;
+			top: -56rpx;
+			left: 0;
+			width: 522rpx;
+			height: 132rpx;
 			display: flex;
-			align-items: center;
-			flex-direction: column;
+			justify-content: center;
 
 			image {
-				margin-top: 48rpx;
-				width: 172rpx;
-				height: 160rpx;
+				border-radius: 20rpx 20rpx 0 0;
+				width: 450rpx;
+				height: 132rpx;
 			}
 		}
 
-		.nocancel {
-			font-size: 32rpx;
-			color: #333333;
-			margin-top: 14rpx;
-		}
-
-		.comfirm-box {
-			margin-top: 52rpx;
+		.mian {
+			margin-top: -44rpx;
 			display: flex;
-			// margin-bottom: 32rpx;
+			flex-direction: column;
+			align-items: center;
+			// padding: 32rpx 32rpx;
+			background-color: #ffffff;
+			border-radius: 0 0 20rpx 20rpx;
+			text-align: center;
 
-			// justify-content: space-around;
-			.cancel {
+			.delivery {
+				font-size: 40rpx;
+				color: #333333;
 				display: flex;
 				align-items: center;
-				justify-content: center;
-				width: 197rpx;
-				height: 74rpx;
-				border: 1px solid #dcc786;
-				border-radius: 38rpx;
+				flex-direction: column;
 
-				font-size: 32rpx;
-				color: #605128;
+				image {
+					margin-top: 48rpx;
+					width: 172rpx;
+					height: 160rpx;
+				}
 			}
 
-			.comfirm {
-				margin-left: 32rpx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				width: 197rpx;
-				height: 74rpx;
-				background: linear-gradient(-90deg, #d1ba77 0%, #f7e8ad 100%);
-				border-radius: 38px;
+			.nocancel {
 				font-size: 32rpx;
-				color: #605128;
+				color: #333333;
+				margin-top: 14rpx;
 			}
-		}
-	}
-}
-
-.popup {
-	width: 560rpx;
-	padding-bottom: 45rpx;
-	background-color: #ffffff;
-	border-radius: 15rpx;
-	text-align: center;
-	line-height: 1;
-
-	.popup-dox {
-		position: relative;
-
-		.popup-logo {
-			margin: -160rpx auto 0;
-			width: 400rpx;
-			height: 200rpx;
-		}
-	}
-
-	.popup-title {
-		margin-top: 85rpx;
-		font-size: 40rpx;
-		font-family: PingFang SC;
-		font-weight: bold;
-		color: #2a2a2a;
-
-		text {
-			font-size: 56rpx;
-			color: #e83f30;
-		}
-	}
 
-	.popup-tip {
-		margin-top: 20rpx;
-		font-size: 28rpx;
-		font-family: PingFang SC;
-		font-weight: 500;
-		color: #8c8c8c;
+			.comfirm-box {
+				margin-top: 52rpx;
+				display: flex;
+				// margin-bottom: 32rpx;
+
+				// justify-content: space-around;
+				.cancel {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 197rpx;
+					height: 74rpx;
+					border: 1px solid #dcc786;
+					border-radius: 38rpx;
+
+					font-size: 32rpx;
+					color: #605128;
+				}
 
-		text {
-			color: #e83f30;
+				.comfirm {
+					margin-left: 32rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 197rpx;
+					height: 74rpx;
+					background: linear-gradient(-90deg, #d1ba77 0%, #f7e8ad 100%);
+					border-radius: 38px;
+					font-size: 32rpx;
+					color: #605128;
+				}
+			}
 		}
 	}
 
-	.popup-btn {
-		margin: 58rpx auto 0;
-		width: 270rpx;
-		height: 66rpx;
-		background: #f0c838;
-		border-radius: 34rpx;
+	.popup {
+		width: 560rpx;
+		padding-bottom: 45rpx;
+		background-color: #ffffff;
+		border-radius: 15rpx;
 		text-align: center;
-		line-height: 66rpx;
-		font-size: 36rpx;
-		font-family: Source Han Sans CN;
-		font-weight: 500;
-		color: #ffffff;
-	}
-}
-
-.user-wrap {
-	position: relative;
-	z-index: 10;
-	width: 690rpx;
-	// height: 283rpx;
-	background: #ffffff;
-	box-shadow: 0px 4rpx 13rpx 0px rgba(229, 229, 229, 0.46);
-	border-radius: 20rpx;
-	padding: 34rpx 0 0;
-	margin: auto;
-
-	.info-left {
-		padding-left: 34rpx;
-
-		.user-name {
-			display: flex;
-			align-items: center;
-
-			image {
-				width: 120rpx;
-				height: 120rpx;
-				border-radius: 50%;
-			}
+		line-height: 1;
 
-			.user-font {
-				padding-left: 34rpx;
+		.popup-dox {
+			position: relative;
 
-				.name {
-					width: 250rpx;
-					font-size: 40rpx;
-					font-family: Source Han Sans CN;
-					font-weight: 400;
-					color: #333333;
-				}
-
-				.phone {
-					margin-top: 10rpx;
-					font-size: 20rpx;
-					font-family: PingFang SC;
-					font-weight: 500;
-					color: #999999;
-				}
+			.popup-logo {
+				margin: -160rpx auto 0;
+				width: 400rpx;
+				height: 200rpx;
 			}
 		}
 
-		.kpi {
-			background: #f5eede;
-			border-radius: 30rpx 0px 0px 30rpx;
-			padding: 18rpx 24rpx;
-			font-size: 26rpx;
+		.popup-title {
+			margin-top: 85rpx;
+			font-size: 40rpx;
 			font-family: PingFang SC;
 			font-weight: bold;
-			color: #c6914e;
-			display: flex;
+			color: #2a2a2a;
 
-			image {
-				width: 34rpx;
-				margin-right: 8rpx;
+			text {
+				font-size: 56rpx;
+				color: #e83f30;
 			}
 		}
-	}
 
-	.info-right {
-		display: flex;
-		align-items: center;
-		margin-top: 54rpx;
-		padding: 0 34rpx;
+		.popup-tip {
+			margin-top: 20rpx;
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #8c8c8c;
 
-		.iright-icon {
-			width: 32rpx;
-			height: 32rpx;
+			text {
+				color: #e83f30;
+			}
 		}
 
-		.iright-font {
-			margin-left: 12rpx;
-			font-size: 28rpx;
-			font-family: PingFang SC;
-			font-weight: bold;
-			color: #333333;
+		.popup-btn {
+			margin: 58rpx auto 0;
+			width: 270rpx;
+			height: 66rpx;
+			background: #f0c838;
+			border-radius: 34rpx;
+			text-align: center;
+			line-height: 66rpx;
+			font-size: 36rpx;
+			font-family: Source Han Sans CN;
+			font-weight: 500;
+			color: #ffffff;
 		}
 	}
-}
 
-.user-set {
-	justify-content: flex-end;
-	// height: 40rpx;
-	height: 150rpx;
-	// padding-top: 40rpx;
+	.user-wrap {
+		position: relative;
+		z-index: 10;
+		width: 690rpx;
+		// height: 283rpx;
+		background: #ffffff;
+		box-shadow: 0px 4rpx 13rpx 0px rgba(229, 229, 229, 0.46);
+		border-radius: 20rpx;
+		padding: 34rpx 0 0;
+		margin: auto;
 
-	view {
-		flex-shrink: 0;
-	}
+		.info-left {
+			padding-left: 34rpx;
 
-	padding: 30rpx;
+			.user-name {
+				display: flex;
+				align-items: center;
 
-	image {
-		height: 40rpx;
-		width: 40rpx;
-	}
-}
+				image {
+					width: 120rpx;
+					height: 120rpx;
+					border-radius: 50%;
+				}
 
-.main-box {
-	margin: 20rpx auto 0;
-	width: 690rpx;
-	background: #ffffff;
-	// box-shadow: 0px 4rpx 14rpx 0px rgba(229, 229, 229, 0.46);
-	border-radius: 20rpx;
+				.user-font {
+					padding-left: 34rpx;
 
-	.title {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 24rpx;
-		border-bottom: 1px solid #eeeeee;
+					.name {
+						width: 250rpx;
+						font-size: 40rpx;
+						font-family: Source Han Sans CN;
+						font-weight: 400;
+						color: #333333;
+					}
 
-		.title-left {
+					.phone {
+						margin-top: 10rpx;
+						font-size: 20rpx;
+						font-family: PingFang SC;
+						font-weight: 500;
+						color: #999999;
+					}
+				}
+			}
+
+			.kpi {
+				background: #f5eede;
+				border-radius: 30rpx 0px 0px 30rpx;
+				padding: 18rpx 24rpx;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: bold;
+				color: #c6914e;
+				display: flex;
+
+				image {
+					width: 34rpx;
+					margin-right: 8rpx;
+				}
+			}
+		}
+
+		.info-right {
 			display: flex;
 			align-items: center;
+			margin-top: 54rpx;
+			padding: 0 34rpx;
 
-			.title-icon {
+			.iright-icon {
 				width: 32rpx;
 				height: 32rpx;
 			}
 
-			.title-font {
-				margin-left: 20rpx;
+			.iright-font {
+				margin-left: 12rpx;
 				font-size: 28rpx;
 				font-family: PingFang SC;
 				font-weight: bold;
 				color: #333333;
 			}
 		}
+	}
+
+	.user-set {
+		justify-content: flex-end;
+		// height: 40rpx;
+		height: 150rpx;
+		// padding-top: 40rpx;
+
+		view {
+			flex-shrink: 0;
+		}
 
-		.title-right {
-			width: 14rpx;
-			height: 24rpx;
+		padding: 30rpx;
+
+		image {
+			height: 40rpx;
+			width: 40rpx;
 		}
 	}
 
-	.main {
-		padding: 50rpx 0 30rpx;
+	.main-box {
+		margin: 20rpx auto 0;
+		width: 690rpx;
+		background: #ffffff;
+		// box-shadow: 0px 4rpx 14rpx 0px rgba(229, 229, 229, 0.46);
+		border-radius: 20rpx;
 
-		.item {
-			padding-bottom: 20rpx;
-			width: 33%;
+		.title {
 			display: flex;
-			flex-direction: column;
+			justify-content: space-between;
 			align-items: center;
+			padding: 24rpx;
+			border-bottom: 1px solid #eeeeee;
 
-			.item-num {
-				font-size: 36rpx;
-				font-family: PingFang SC;
-				font-weight: bold;
-				color: #333333;
+			.title-left {
+				display: flex;
+				align-items: center;
+
+				.title-icon {
+					width: 32rpx;
+					height: 32rpx;
+				}
+
+				.title-font {
+					margin-left: 20rpx;
+					font-size: 28rpx;
+					font-family: PingFang SC;
+					font-weight: bold;
+					color: #333333;
+				}
 			}
 
-			.item-font {
-				margin-top: 18rpx;
-				font-size: 22rpx;
-				font-family: PingFang SC;
-				font-weight: 500;
-				color: #666666;
+			.title-right {
+				width: 14rpx;
+				height: 24rpx;
 			}
 		}
 
-		.oitem {
-			width: 25%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
+		.main {
+			padding: 50rpx 0 30rpx;
 
-			.oitem-image {
-				height: 50rpx;
-				width: 48rpx;
+			.item {
+				padding-bottom: 20rpx;
+				width: 33%;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+
+				.item-num {
+					font-size: 36rpx;
+					font-family: PingFang SC;
+					font-weight: bold;
+					color: #333333;
+				}
+
+				.item-font {
+					margin-top: 18rpx;
+					font-size: 22rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #666666;
+				}
 			}
 
-			.oitem-font {
-				margin-top: 20rpx;
-				font-size: 24rpx;
-				font-family: PingFang SC;
-				font-weight: 500;
-				color: #333333;
+			.oitem {
+				width: 25%;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+
+				.oitem-image {
+					height: 50rpx;
+					width: 48rpx;
+				}
+
+				.oitem-font {
+					margin-top: 20rpx;
+					font-size: 24rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #333333;
+				}
 			}
 		}
 	}
-}
-
-.gpai {
-	width: 100rpx;
-	line-height: 40rpx;
-	border-radius: 25rpx;
-	position: absolute;
-	top: 120rpx;
-	left: 40rpx;
-	font-size: 24rpx;
-	color: #c6914e;
-	text-align: center;
-	background-color: #f2d4ae;
-}
-
-.shenqing {
-	height: 100rpx;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	background-color: #ffd893;
-	border-radius: 0 0 20rpx 20rpx;
-
-	image {
-		display: inline-block;
-		margin: auto;
-		height: 50rpx;
-	}
-}
-.hx-wrapper {
-	width: 536rpx;
-	height: 630rpx;
-	position: relative;
-
-	// background-color: #fff;
-	.hx-img {
-		width: 536rpx;
-		height: 281rpx;
 
-		image {
-			width: 536rpx;
-			height: 281rpx;
-		}
+	.gpai {
+		width: 100rpx;
+		line-height: 40rpx;
+		border-radius: 25rpx;
+		position: absolute;
+		top: 120rpx;
+		left: 40rpx;
+		font-size: 24rpx;
+		color: #c6914e;
+		text-align: center;
+		background-color: #f2d4ae;
 	}
 
-	.hx-close {
-		position: absolute;
-		left: 243rpx;
-		bottom: -80rpx;
-		width: 52rpx;
-		height: 52rpx;
+	.shenqing {
+		height: 100rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background-color: #ffd893;
+		border-radius: 0 0 20rpx 20rpx;
 
 		image {
-			width: 52rpx;
-			height: 52rpx;
+			display: inline-block;
+			margin: auto;
+			height: 50rpx;
 		}
 	}
 
-	.hx-body {
+	.hx-wrapper {
 		width: 536rpx;
-		height: 349rpx;
-		background-color: #fff;
-		border-radius: 0 0 10rpx 10rpx;
+		height: 630rpx;
+		position: relative;
 
-		.hx-title {
+		// background-color: #fff;
+		.hx-img {
 			width: 536rpx;
-			font-size: 36rpx;
-			font-weight: 500;
-			color: #333333;
-			line-height: 1;
-			padding-top: 42rpx;
-			text-align: center;
+			height: 281rpx;
+
+			image {
+				width: 536rpx;
+				height: 281rpx;
+			}
 		}
 
-		input {
-			width: 439rpx;
-			height: 68rpx;
-			background: #dbf3e9;
-			border-radius: 10rpx;
-			margin: 39rpx auto 0;
-			padding-left: 26rpx;
+		.hx-close {
+			position: absolute;
+			left: 243rpx;
+			bottom: -80rpx;
+			width: 52rpx;
+			height: 52rpx;
 
-			.hx-placeholder {
-				font-size: 26rpx;
-				font-weight: 500;
-				color: #52c696;
+			image {
+				width: 52rpx;
+				height: 52rpx;
 			}
 		}
 
-		.hx-btn {
-			margin: 44rpx auto 0;
-			width: 353rpx;
-			height: 71rpx;
-			background: #52c696;
-			border-radius: 34rpx;
-			font-size: 36rpx;
-			font-weight: 500;
-			color: #f8f9f9;
-			line-height: 71rpx;
-			text-align: center;
+		.hx-body {
+			width: 536rpx;
+			height: 349rpx;
+			background-color: #fff;
+			border-radius: 0 0 10rpx 10rpx;
+
+			.hx-title {
+				width: 536rpx;
+				font-size: 36rpx;
+				font-weight: 500;
+				color: #333333;
+				line-height: 1;
+				padding-top: 42rpx;
+				text-align: center;
+			}
+
+			input {
+				width: 439rpx;
+				height: 68rpx;
+				background: #dbf3e9;
+				border-radius: 10rpx;
+				margin: 39rpx auto 0;
+				padding-left: 26rpx;
+
+				.hx-placeholder {
+					font-size: 26rpx;
+					font-weight: 500;
+					color: #52c696;
+				}
+			}
+
+			.hx-btn {
+				margin: 44rpx auto 0;
+				width: 353rpx;
+				height: 71rpx;
+				background: #52c696;
+				border-radius: 34rpx;
+				font-size: 36rpx;
+				font-weight: 500;
+				color: #f8f9f9;
+				line-height: 71rpx;
+				text-align: center;
+			}
 		}
 	}
-}
 </style>

unpackage/dist/build/h5/index.html

@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>想亮商城</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.a5c69d49.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.58012eb0.js></script><script src=/index/static/js/index.4ab6f6c5.js></script></body></html>
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.a5c69d49.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.58012eb0.js></script><script src=/index/static/js/index.e15c5dd5.js></script></body></html>

unpackage/dist/build/h5/static/css/cmy.css

@@ -0,0 +1,556 @@
+/*初始化类*/
+@font-face {
+	font-family: 'iconfont';
+	/* project id 1482221 */
+	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
+	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
+		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
+		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
+		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
+		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
+}
+
+.acea-row {
+	display: -webkit-box;
+	display: -moz-box;
+	display: -webkit-flex;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-lines: multiple;
+	-moz-box-lines: multiple;
+	-o-box-lines: multiple;
+	-webkit-flex-wrap: wrap;
+	-ms-flex-wrap: wrap;
+	flex-wrap: wrap
+}
+
+.acea-row.row-middle {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center
+}
+
+.bg-color-red {
+	background-color: #e93323 !important;
+}
+
+.acea-row.row-right {
+	-webkit-box-pack: end;
+	-moz-box-pack: end;
+	-o-box-pack: end;
+	-ms-flex-pack: end;
+	-webkit-justify-content: flex-end;
+	justify-content: flex-end
+}
+
+.acea-row.row-between-wrapper {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center;
+	-webkit-box-pack: justify;
+	-moz-box-pack: justify;
+	-o-box-pack: justify;
+	-ms-flex-pack: justify;
+	-webkit-justify-content: space-between;
+	justify-content: space-between
+}
+
+.acea-row.row-column-around {
+	-webkit-flex-direction: column;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	justify-content: space-around;
+	-webkit-justify-content: space-around
+}
+
+.acea-row.row-center-wrapper {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center;
+	-webkit-box-pack: center;
+	-moz-box-pack: center;
+	-o-box-pack: center;
+	-ms-flex-pack: center;
+	-webkit-justify-content: center;
+	justify-content: center
+}
+
+.iconfont {
+	font-family: "iconfont" !important;
+	font-size: 34rpx;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-webkit-text-stroke-width: 0rpx;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.iconedit:before {
+	content: "\e649";
+}
+
+.iconfavorfill:before {
+	content: "\e64b";
+}
+
+.iconfavor:before {
+	content: "\e64c";
+}
+
+.iconlocation:before {
+	content: "\e651";
+}
+
+.iconroundcheckfill:before {
+	content: "\e656";
+}
+
+.iconroundcheck:before {
+	content: "\e657";
+}
+
+.iconunfold:before {
+	content: "\e661";
+}
+
+.iconlikefill:before {
+	content: "\e668";
+}
+
+.iconlike:before {
+	content: "\e669";
+}
+
+.iconshop:before {
+	content: "\e676";
+}
+
+.iconcart:before {
+	content: "\e6af";
+}
+
+.icondelete:before {
+	content: "\e6b4";
+}
+
+.iconhome:before {
+	content: "\e6b8";
+}
+
+.iconcartfill:before {
+	content: "\e6b9";
+}
+
+.iconhomefill:before {
+	content: "\e6bb";
+}
+
+.iconlock:before {
+	content: "\e6c0";
+}
+
+.iconfriendadd:before {
+	content: "\e6ca";
+}
+
+.iconfold:before {
+	content: "\e6de";
+}
+
+.iconapps:before {
+	content: "\e729";
+}
+
+.iconadd:before {
+	content: "\e767";
+}
+
+.iconaddred:before {
+	content: "\e767";
+	color: #F35B64;
+}
+
+.iconmove:before {
+	content: "\e768";
+}
+
+.icontriangledownfill:before {
+	content: "\e79b";
+}
+
+.icontriangleupfill:before {
+	content: "\e79c";
+}
+
+.iconshaixuan:before {
+	content: "\e74a";
+}
+
+.iconyanzhengma:before {
+	content: "\e684";
+}
+
+.iconjifen:before {
+	content: "\e60f";
+}
+
+.iconwuliuxinxi:before {
+	content: "\e62b";
+}
+
+.iconmessage:before {
+	content: "\e78a";
+}
+
+.iconsetting:before {
+	content: "\e78e";
+}
+
+.iconaddition:before {
+	content: "\e6e0";
+}
+
+.iconclose:before {
+	content: "\e6e9";
+}
+
+.iconenter:after {
+	content: "\e6f8";
+}
+
+.iconprompt:before {
+	content: "\e71b";
+}
+
+.iconreturn:before {
+	content: "\e720";
+}
+
+.iconsearch:before {
+	content: "\e741";
+}
+
+.iconpengyouquan:before {
+	content: "\e62c";
+}
+
+.iconweixin:before {
+	content: "\e60e";
+}
+
+.iconzhifubao:before {
+	content: "\e673";
+}
+
+.iconyue:before {
+	content: "\e618";
+}
+
+.iconweixin1:before {
+	content: "\e622";
+}
+
+.iconlock1:before {
+	content: "\e64d";
+}
+
+.iconuser:before {
+	content: "\e64e";
+}
+
+.iconchenggongtixianshouyi:before {
+	content: "\e64f";
+}
+
+.iconviptuiguangdingdan:before {
+	content: "\e650";
+}
+
+.icondaifukuan:before {
+	content: "\e652";
+}
+
+.icondaijiesuanshouyi:before {
+	content: "\e653";
+}
+
+.icondaidakuanshouyi:before {
+	content: "\e654";
+}
+
+.icondaifahuo:before {
+	content: "\e655";
+}
+
+.icondaishouhuoshouyi:before {
+	content: "\e658";
+}
+
+.icondaishouhuo:before {
+	content: "\e659";
+}
+
+.iconwuxiaoshouyi:before {
+	content: "\e65a";
+}
+
+.icontixianmingxi:before {
+	content: "\e65b";
+}
+
+.iconshouyi:before {
+	content: "\e65c";
+}
+
+.iconkouchutixianshouxufei:before {
+	content: "\e65d";
+}
+
+.iconyishenqingshouyi:before {
+	content: "\e65e";
+}
+
+.icontuihuanhuo:before {
+	content: "\e65f";
+}
+
+
+/*水平线*/
+.hr {
+	width: 100%;
+	position: relative;
+	border-bottom: 1px solid #dddddd;
+	/* height: 0.5rpx; */
+}
+
+/* 一行显示 */
+.clamp {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	display: block;
+}
+
+/* 二行显示 */
+.clamp2 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
+/* 二行显示 */
+.ellipsis {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+}
+
+.common-hover {
+	background: #f5f5f5;
+}
+
+/* 角标 */
+.corner {
+	background-color: #e51c23;
+	position: absolute;
+	right: -18rpx;
+	top: -18rpx;
+	color: #FFFFFF;
+	text-align: center;
+	border-radius: 999px;
+	font-size: 24rpx !important;
+	min-width: 35rpx;
+	min-height: 35rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	line-height: 1;
+}
+
+.flex_item {
+	display: flex;
+	align-items: center;
+	/* justify-content: space-between; */
+}
+
+/* 左右顶格加上下居中 */
+.flex-between-center {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+/* flex布局-整体居中 */
+.flex-center {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.flex-start {
+	display: flex;
+	align-items: center;
+	justify-content: flex-start;
+}
+
+/*文字对齐*/
+.text-left {
+	text-align: left !important;
+}
+
+.text-center {
+	text-align: center !important;
+}
+
+.text-justify {
+	text-align: justify !important;
+}
+
+.text-right {
+	text-align: right !important;
+}
+
+.text-default {
+	color: #212121 !important;
+}
+
+.text-white {
+	color: #ffffff !important;
+}
+
+.text-primary {
+	color: #00bcd4 !important;
+}
+
+.text-success {
+	color: #009688 !important;
+}
+
+.text-info {
+	color: #03a9f4 !important;
+}
+
+.text-warning {
+	color: #ffc107 !important;
+}
+
+.text-danger {
+	color: #e51c23 !important;
+}
+
+.text-pink {
+	color: #e91e63 !important;
+}
+
+.text-purple {
+	color: #673ab7 !important;
+}
+
+.text-indigo {
+	color: #3f51b5 !important;
+}
+
+.text-gray {
+	color: #999999 !important;
+}
+
+.bg-default {
+	background-color: #f5f5f5 !important;
+}
+
+.bg-primary {
+	background-color: #00bcd4 !important;
+}
+
+.bg-success {
+	background-color: #009688 !important;
+}
+
+.bg-info {
+	background-color: #03a9f4 !important;
+}
+
+.bg-warning {
+	background-color: #FFB238 !important;
+}
+
+.bg-danger {
+	background-color: #DC4D46 !important;
+}
+
+.bg-pink {
+	background-color: #e91e63 !important;
+}
+
+.bg-purple {
+	background-color: #673ab7 !important;
+}
+
+.bg-indigo {
+	background-color: #3f51b5 !important;
+}
+
+.bg-white {
+	background-color: white !important;
+}
+
+.bg-gray {
+	background-color: #e3e3e3 !important;
+}
+
+/* 边框 */
+.border-radius-15 {
+	border-radius: 15rpx;
+}
+
+.border-radius-10 {
+	border-radius: 10rpx;
+}
+
+.border-radius-all {
+	border-radius: 1000rpx;
+}
+
+/* 底部边线 */
+.borde-b {
+	border-bottom: 1px solid #dddddd;
+}
+
+/* 弹性盒子 */
+.flex {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.items-left {
+	justify-content: flex-start;
+}
+
+.items-right {
+	justify-content: flex-end;
+}
+
+.flex-shrink-false {
+	flex-shrink: 0;
+}
+
+.flex-grow-true {
+	flex-grow: 1;
+}
+
+.position-relative {
+	position: relative;
+}

unpackage/dist/build/h5/static/css/flex.css

@@ -0,0 +1,53 @@
+/* flex 布局 */
+.f-d-c {
+	flex-direction: column;
+}
+
+.f-j-c {
+	justify-content: center;
+}
+
+.f-j-s {
+	justify-content: flex-start;
+}
+
+.f-j-e {
+	justify-content: flex-end;
+}
+
+.f-j-sa {
+	justify-content: space-around;
+}
+
+.f-j-sb {
+	justify-content: space-between;
+}
+
+.f-ai-c {
+	align-items: center;
+}
+
+.f-ai-s {
+	align-items: flex-start;
+}
+
+.f-ai-e {
+	align-items: flex-end;
+}
+
+.fg1 {
+	flex-grow: 1;
+}
+
+.fs0 {
+	flex-shrink: 0;
+}
+
+/* 相对定位&绝对定位 */
+.p-r {
+	position: relative;
+}
+
+.p-a {
+	position: absolute;
+}

unpackage/dist/build/h5/static/css/padding.css

@@ -0,0 +1,36 @@
+/* padding */
+.pl10 {
+	padding-left: 10rpx;
+}
+
+.pt10 {
+	padding-top: 10rpx;
+}
+
+.pt15 {
+	padding-top: 15rpx;
+}
+
+.pl15 {
+	padding-left: 15rpx;
+}
+
+.pt20 {
+	padding-top: 20rpx;
+}
+
+.pl20 {
+	padding-left: 20rpx;
+}
+
+.pr10 {
+	padding-right: 10rpx;
+}
+
+.pr15 {
+	padding-right: 15rpx;
+}
+
+.pr20 {
+	padding-right: 20rpx;
+}