123456

App.vue

@@ -100,5 +100,30 @@ button::after {
 }
 scroll-view {
 	box-sizing: border-box;
+}
+/* 一行显示 */
+.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;
 }
 </style>

components/goods-detail.vue

@@ -1,26 +1,24 @@
 <template>
 	<uni-popup ref="more-detail" type="bottom" :mask-click="false" height="30px">
 		<view class="more-detail">
-			<view class="more-detail-close" @click="$refs['more-detail'].close()">
-				<image src="/static/image/home/guanbi@2x.png" mode=""></image>
-			</view>
+			<view class="more-detail-close" @click="$refs['more-detail'].close()"><image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image></view>
 			<view class="more-detail-head">商品详情</view>
 			<view class="content">
-				<view>{{goods.goods_name}}</view>
+				<view>{{ goods.goods_name }}</view>
 				<view class="props">
 					<view>
 						<view class="label">参考价：</view>
-						<view class="value">￥{{goods.price}}</view>
+						<view class="value">￥{{ goods.price }}</view>
 					</view>
 					<view>
 						<view class="label">参考概率：</view>
-						<view class="value">{{rate.value}}</view>
+						<view class="value">{{ rate.value }}</view>
 					</view>
 				</view>
 			</view>
 			<view class="goods.xiangqing">
 				<!-- 产品多图 -->
-				<image v-for="xq in goods.xiangqing" :src="xq" mode="widthFix"></image>  
+				<image v-for="xq in goods.xiangqing" :src="xq.indexOf('http') == -1 ? 'https://www.chaomangdao.com' + xq : xq" mode="widthFix"></image>
 				<!-- 产品单图 -->
 				<!-- <image :src="goods.image" @click="lookImg()" mode="widthFix"></image> -->
 			</view>
@@ -29,62 +27,62 @@
 </template>
 
 <script>
-	export default {
-		name:"payment",
-		props:{
-			//盒子id
-			boxId: Number,
-		},
-		data() {
-			return {
-				goods: {},
-				rate: {},
-				boxDetail:{}
-			};
+export default {
+	name: 'payment',
+	props: {
+		//盒子id
+		boxId: Number
+	},
+	data() {
+		return {
+			goods: {},
+			rate: {},
+			boxDetail: {}
+		};
+	},
+	methods: {
+		/**
+		 * 打开页面
+		 *
+		 */
+		open(goods, rate) {
+			this.goods = goods;
+			this.rate = rate || {};
+			this.$refs['more-detail'].open();
 		},
-		methods: {
-			/**
-			 * 打开页面
-			 * 
-			 */
-			open (goods, rate){
-				this.goods = goods
-				this.rate = rate || {}
-				this.$refs['more-detail'].open()
-			},
-			lookImg () {
-				uni.previewImage({
-						urls: [this.goods.image],
-						longPressActions: {
-								itemList: ['发送给朋友', '保存图片', '收藏'],
-								success: function(data) {
-										console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
-								},
-								fail: function(err) {
-										console.log(err.errMsg);
-								}
-						}
-				});
-			},
-			//获取详情
-			getDetails () {
-				this.$api.boxDetail({box_id:this.boxId}).then(res=>{
-					if (res.code === 1) {
-						this.boxDetail = res.data
-						this.record3 = res.data.record.slice(0, 3)
-						console.log(this.boxDetail)
+		lookImg() {
+			uni.previewImage({
+				urls: [this.goods.image],
+				longPressActions: {
+					itemList: ['发送给朋友', '保存图片', '收藏'],
+					success: function(data) {
+						console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
+					},
+					fail: function(err) {
+						console.log(err.errMsg);
 					}
-				})
-			},
+				}
+			});
+		},
+		//获取详情
+		getDetails() {
+			this.$api.boxDetail({ box_id: this.boxId }).then(res => {
+				if (res.code === 1) {
+					this.boxDetail = res.data;
+					this.record3 = res.data.record.slice(0, 3);
+					console.log(this.boxDetail);
+				}
+			});
 		}
 	}
+};
 </script>
 
 <style lang="scss">
 .more-detail {
 	max-height: 70vh;
 	overflow: auto;
-	background: #FFFFFF;
+	background: #ffffff;
 	border-radius: 20rpx 20rpx 0rpx 0rpx;
 	position: relative;
 	.more-detail-close {
@@ -94,7 +92,7 @@
 		height: 44rpx;
 		position: absolute;
 	}
-	.content{
+	.content {
 		padding: 0 50rpx 30rpx 50rpx;
 	}
 	.more-detail-head {
@@ -104,24 +102,23 @@
 		font-weight: bold;
 		padding: 40rpx 0 50rpx 0;
 	}
-	.props{
+	.props {
 		display: flex;
 		margin: 16rpx 0;
-		>view{
+		> view {
 			display: flex;
 			flex: 1;
 			align-items: center;
 		}
-		.label{
+		.label {
 			font-size: 28rpx;
 			color: #959595;
 		}
-		.value{
+		.value {
 			margin-left: 10rpx;
 			font-size: 32rpx;
 			font-weight: bold;
 		}
 	}
 }
-
 </style>

components/lff-barrage/lff-barrage.vue

@@ -274,7 +274,7 @@
   .pp-item {
     top: 40rpx;
     left: 40rpx;
-    background-image: url(../../static/image/box/pp@2x.png);
+    background-image: url(https://www.chaomangdao.com/image/box/pp@2x.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 100% 100%;

components/payment.vue

@@ -2,7 +2,7 @@
 	<uni-popup ref="popup" type="bottom" :mask-click="false">
 		<view class="pay">
 		<view class="pay_close" @click="$refs.popup.close()">
-			<image src="/static/image/home/guanbi@2x.png" mode=""></image>
+			<image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image>
 		</view>
 		<view class="pay_head">支付</view>
 			<view class="pay_shop flexs">

components/prize-flying.vue

@@ -1,278 +1,272 @@
-<template>
-	<view class="prize-flying">
-		<template v-for="(flyLeft, index) in flyLeftList">
-			<!-- <view :key="'fly-left-' + index" :class="['fly-prize', 'fly-left']" :style="flyStyle(flyLeft)"></view> -->
-			<view
-				:key="'fly-left-' + index"
-				:class="['fly-prize', 'fly-left']"
-				:style="{ background: flyLeft.image, '-webkit-animation-duration': flySpeed + 's', 'animation-duration': flySpeed + 's' }"
-			></view>
-		</template>
-		<template v-for="(flyCenter, index) in flyCenterList">
-			<!-- <view :key="'fly-center-' + index" :class="['fly-prize', 'fly-center']" :style="flyStyle(flyCenter)"></view> -->
-			<view
-				:key="'fly-center-' + index"
-				:class="['fly-prize', 'fly-center']"
-				:style="{ background: flyCenter.image, '-webkit-animation-duration': flySpeed + 's', 'animation-duration': flySpeed + 's' }"
-			></view>
-		</template>
-		<template v-for="(flyRight, index) in flyRightList">
-			<!-- <view :key="'fly-right-' + index" :class="['fly-prize', 'fly-right']" :style="flyStyle(flyRight)"></view> -->
-			<view
-				:key="'fly-right-' + index"
-				:class="['fly-prize', 'fly-right']"
-				:style="{ background: flyRight.image, '-webkit-animation-duration': flySpeed + 's', 'animation-duration': flySpeed + 's' }"
-			></view>
-		</template>
-	</view>
-</template>
-
-<script>
-export default {
-	name: 'prize-flying',
-	props: {
-		boxId: Number
-	},
-	data() {
-		return {
-			prizeList: [],
-			flyLeftList: [],
-			flyCenterList: [],
-			flyRightList: [],
-			indexRecord: 0, //记录奖品下标
-			intervalTime: 2, //飞出频率 秒
-			interval: null,
-			flySpeed: 25 //飞行速度 秒 越小越快
-		};
-	},
-	created() {
-		this.loadPrizeList();
-	},
-	destroyed() {
-		//销毁
-		clearInterval(this.interval);
-	},
-	computed: {
-		prizeLength() {
-			return this.prizeList.length;
-		}
-	},
-	methods: {
-		//加载奖品列表
-		loadPrizeList() {
-			if (!this.boxId) return;
-			this.$api.boximages({ box_id: this.boxId }).then(({ data }) => {
-				this.prizeList = data.goodsimagelist;
-				this.flyInterval();
-			});
-		},
-		//循环
-		flyInterval() {
-			this.pushFlyList();
-			this.interval = setInterval(() => {
-				this.pushFlyList();
-			}, this.intervalTime * 1000);
-		},
-		pushFlyList() {
-			let count = 0;
-			while (count < 3) {
-				if (this.indexRecord == this.prizeLength - 1) {
-					this.indexRecord = 0;
-				} else {
-					this.indexRecord++;
-				}
-				let prize = this.prizeList[this.indexRecord];
-				switch (count) {
-					case 0:
-						this.flyLeftList.push(prize);
-						break;
-					case 1:
-						this.flyCenterList.push(prize);
-						break;
-					case 2:
-						this.flyRightList.push(prize);
-						break;
-				}
-				count++;
-			}
-		},
-		flyStyle(prize) {
-			return {
-				background: `url(${prize.image})`,
-				'-webkit-animation-duration': `${this.flySpeed}s`,
-				'animation-duration': `${this.flySpeed}s`
-			};
-		}
-	}
-};
-</script>
-
-<style lang="scss">
-.prize-flying {
-	z-index: 99;
-	width: 200rpx;
-	position: absolute;
-	bottom: 50%;
-	left: 50%;
-	transform: translateX(-50%);
-	.fly-prize {
-		text-align: center;
-		position: absolute;
-		top: 100%;
-		opacity: 0;
-		width: 78rpx;
-		height: 78rpx;
-		background-repeat: no-repeat !important;
-		background-size: 100% 100% !important;
-		border-radius: 50%;
-		background: #fff;
-		border: 1px solid #3277ff;
-		padding: 14rpx;
-	}
-	.fly-left {
-		left: 0px;
-		z-index: 5;
-		-webkit-animation: flyleft;
-		animation: flyleft;
-	}
-	.fly-center {
-		left: 60rpx;
-		z-index: 3;
-		-webkit-animation: flycenter;
-		animation: flycenter;
-	}
-	.fly-right {
-		right: 0px;
-		z-index: 5;
-		-webkit-animation: flyright;
-		animation: flyright;
-	}
-}
-// 动画
-@keyframes flyleft {
-	0% {
-		// top: 100%;
-		-webkit-transform: scale(0) translateX(0);
-		transform: scale(0) translateX(0);
-		opacity: 0.6;
-	}
-	3% {
-		// top: 95%;
-	}
-	5% {
-		-webkit-transform: scale(1) translateX(0) translateY(-80%);
-		transform: scale(1) translateX(0) translateY(-80%);
-		opacity: 0.8;
-	}
-	20% {
-		opacity: 1;
-	}
-	30% {
-		opacity: 0.2;
-	}
-	32% {
-		opacity: 0;
-		visibility: hidden;
-	}
-	50% {
-		-webkit-transform: scale(1.9) translateX(-40px) translateY(-340%);
-		transform: scale(1.9) translateX(-40px) translateY(-340%);
-	}
-	100% {
-		// top: 0%;
-		-webkit-transform: translateX(-100px);
-		transform: translateX(-100px);
-	}
-}
-@keyframes flycenter {
-	0% {
-		// top: 100%;
-		-webkit-transform: scale(0) translateX(0);
-		transform: scale(0) translateX(0);
-		opacity: 0.6;
-	}
-
-	3% {
-		// top: 95%;
-	}
-
-	5% {
-		-webkit-transform: scale(1) translateX(0) translateY(-80%);
-		transform: scale(1) translateX(0) translateY(-80%);
-		opacity: 0.8;
-	}
-
-	20% {
-		opacity: 1;
-	}
-
-	30% {
-		opacity: 0.2;
-	}
-
-	32% {
-		opacity: 0;
-		visibility: hidden;
-	}
-
-	34% {
-		opacity: 0;
-	}
-
-	50% {
-		-webkit-transform: scale(1.9) translateX(0) translateY(-340%);
-		transform: scale(1.9) translateX(0) translateY(-340%);
-	}
-	100% {
-		// top: 0%;
-		-webkit-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-@keyframes flyright {
-	0% {
-		// top: 100%;
-		-webkit-transform: scale(0) translateX(0);
-		transform: scale(0) translateX(0);
-		opacity: 0.6;
-	}
-
-	3% {
-		// top: 95%;
-	}
-
-	5% {
-		-webkit-transform: scale(1) translateX(0) translateY(-80%);
-		transform: scale(1) translateX(0) translateY(-80%);
-		opacity: 0.8;
-	}
-
-	20% {
-		opacity: 1;
-	}
-
-	30% {
-		opacity: 0.2;
-	}
-
-	32% {
-		opacity: 0;
-		visibility: hidden;
-	}
-
-	34% {
-		opacity: 0;
-	}
-
-	50% {
-		-webkit-transform: scale(1.9) translateX(40px) translateY(-340%);
-		transform: scale(1.9) translateX(40px) translateY(-340%);
-	}
-
-	100% {
-		// top: 0%;
-		-webkit-transform: translateX(100px);
-		transform: translateX(100px);
-	}
-}
-</style>
+<template>
+	<view class="prize-flying">
+		<template v-for="(flyLeft, index) in flyLeftList">
+			<!-- <view :key="'fly-left-' + index" :class="['fly-prize', 'fly-left']" :style="flyStyle(flyLeft)"></view> -->
+			<view :key="'fly-left-' + index" :class="['fly-prize', 'fly-left']" :style="{ '-webkit-animation-duration': flySpeed + 's', 'animation-duration': flySpeed + 's' }">
+				<image :src="flyLeft.image" mode=""></image>
+			</view>
+		</template>
+		<template v-for="(flyCenter, index) in flyCenterList">
+			<!-- <view :key="'fly-center-' + index" :class="['fly-prize', 'fly-center']" :style="flyStyle(flyCenter)"></view> -->
+			<view :key="'fly-center-' + index" :class="['fly-prize', 'fly-center']" :style="{ '-webkit-animation-duration': flySpeed + 's', 'animation-duration': flySpeed + 's' }">
+				<image :src="flyCenter.image.indexOf('http') == -1 ? 'https://www.chaomangdao.com' + flyCenter.image : flyCenter.image" mode=""></image>
+			</view>
+		</template>
+		<template v-for="(flyRight, index) in flyRightList">
+			<!-- <view :key="'fly-right-' + index" :class="['fly-prize', 'fly-right']" :style="flyStyle(flyRight)"></view> -->
+			<view :key="'fly-right-' + index" :class="['fly-prize', 'fly-right']" :style="{ '-webkit-animation-duration': flySpeed + 's', 'animation-duration': flySpeed + 's' }">
+				<image :src="flyRight.image.indexOf('http') == -1 ? 'https://www.chaomangdao.com' + flyRight.image : flyRight.image" mode=""></image>
+			</view>
+		</template>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'prize-flying',
+	props: {
+		boxId: Number
+	},
+	data() {
+		return {
+			prizeList: [],
+			flyLeftList: [],
+			flyCenterList: [],
+			flyRightList: [],
+			indexRecord: 0, //记录奖品下标
+			intervalTime: 2, //飞出频率 秒
+			interval: null,
+			flySpeed: 25 //飞行速度 秒 越小越快
+		};
+	},
+	created() {
+		this.loadPrizeList();
+	},
+	destroyed() {
+		//销毁
+		clearInterval(this.interval);
+	},
+	computed: {
+		prizeLength() {
+			return this.prizeList.length;
+		}
+	},
+	methods: {
+		//加载奖品列表
+		loadPrizeList() {
+			if (!this.boxId) return;
+			this.$api.boximages({ box_id: this.boxId }).then(({ data }) => {
+				this.prizeList = data.goodsimagelist;
+				this.flyInterval();
+			});
+		},
+		//循环
+		flyInterval() {
+			this.pushFlyList();
+			this.interval = setInterval(() => {
+				this.pushFlyList();
+			}, this.intervalTime * 1000);
+		},
+		pushFlyList() {
+			let count = 0;
+			while (count < 3) {
+				if (this.indexRecord == this.prizeLength - 1) {
+					this.indexRecord = 0;
+				} else {
+					this.indexRecord++;
+				}
+				let prize = this.prizeList[this.indexRecord];
+				switch (count) {
+					case 0:
+						this.flyLeftList.push(prize);
+						break;
+					case 1:
+						this.flyCenterList.push(prize);
+						break;
+					case 2:
+						this.flyRightList.push(prize);
+						break;
+				}
+				count++;
+			}
+		},
+		flyStyle(prize) {
+			return {
+				background: `url(${prize.image})`,
+				'-webkit-animation-duration': `${this.flySpeed}s`,
+				'animation-duration': `${this.flySpeed}s`
+			};
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.prize-flying {
+	z-index: 99;
+	width: 200rpx;
+	position: absolute;
+	bottom: 50%;
+	left: 50%;
+	transform: translateX(-50%);
+	.fly-prize {
+		text-align: center;
+		position: absolute;
+		top: 100%;
+		opacity: 0;
+		width: 78rpx;
+		height: 78rpx;
+		background-repeat: no-repeat !important;
+		background-size: 100% 100% !important;
+		border-radius: 50%;
+		background: #fff;
+		border: 1px solid #3277ff;
+		padding: 14rpx;
+	}
+	.fly-left {
+		left: 0px;
+		z-index: 5;
+		-webkit-animation: flyleft;
+		animation: flyleft;
+	}
+	.fly-center {
+		left: 60rpx;
+		z-index: 3;
+		-webkit-animation: flycenter;
+		animation: flycenter;
+	}
+	.fly-right {
+		right: 0px;
+		z-index: 5;
+		-webkit-animation: flyright;
+		animation: flyright;
+	}
+}
+// 动画
+@keyframes flyleft {
+	0% {
+		// top: 100%;
+		-webkit-transform: scale(0) translateX(0);
+		transform: scale(0) translateX(0);
+		opacity: 0.6;
+	}
+	3% {
+		// top: 95%;
+	}
+	5% {
+		-webkit-transform: scale(1) translateX(0) translateY(-80%);
+		transform: scale(1) translateX(0) translateY(-80%);
+		opacity: 0.8;
+	}
+	20% {
+		opacity: 1;
+	}
+	30% {
+		opacity: 0.2;
+	}
+	32% {
+		opacity: 0;
+		visibility: hidden;
+	}
+	50% {
+		-webkit-transform: scale(1.9) translateX(-40px) translateY(-340%);
+		transform: scale(1.9) translateX(-40px) translateY(-340%);
+	}
+	100% {
+		// top: 0%;
+		-webkit-transform: translateX(-100px);
+		transform: translateX(-100px);
+	}
+}
+@keyframes flycenter {
+	0% {
+		// top: 100%;
+		-webkit-transform: scale(0) translateX(0);
+		transform: scale(0) translateX(0);
+		opacity: 0.6;
+	}
+
+	3% {
+		// top: 95%;
+	}
+
+	5% {
+		-webkit-transform: scale(1) translateX(0) translateY(-80%);
+		transform: scale(1) translateX(0) translateY(-80%);
+		opacity: 0.8;
+	}
+
+	20% {
+		opacity: 1;
+	}
+
+	30% {
+		opacity: 0.2;
+	}
+
+	32% {
+		opacity: 0;
+		visibility: hidden;
+	}
+
+	34% {
+		opacity: 0;
+	}
+
+	50% {
+		-webkit-transform: scale(1.9) translateX(0) translateY(-340%);
+		transform: scale(1.9) translateX(0) translateY(-340%);
+	}
+	100% {
+		// top: 0%;
+		-webkit-transform: translateX(0);
+		transform: translateX(0);
+	}
+}
+@keyframes flyright {
+	0% {
+		// top: 100%;
+		-webkit-transform: scale(0) translateX(0);
+		transform: scale(0) translateX(0);
+		opacity: 0.6;
+	}
+
+	3% {
+		// top: 95%;
+	}
+
+	5% {
+		-webkit-transform: scale(1) translateX(0) translateY(-80%);
+		transform: scale(1) translateX(0) translateY(-80%);
+		opacity: 0.8;
+	}
+
+	20% {
+		opacity: 1;
+	}
+
+	30% {
+		opacity: 0.2;
+	}
+
+	32% {
+		opacity: 0;
+		visibility: hidden;
+	}
+
+	34% {
+		opacity: 0;
+	}
+
+	50% {
+		-webkit-transform: scale(1.9) translateX(40px) translateY(-340%);
+		transform: scale(1.9) translateX(40px) translateY(-340%);
+	}
+
+	100% {
+		// top: 0%;
+		-webkit-transform: translateX(100px);
+		transform: translateX(100px);
+	}
+}
+</style>

components/show-result.bak.vue

@@ -3,8 +3,8 @@
 		<view v-show="!openLoading" class="prize ">
 			<view class="prize_box">
 				<view class="bj"></view>
-				<view class="prize_close" @click="$refs.prize.close()"><image src="/static/image/home/guanbi@2x.png" mode=""></image></view>
-				<view class="prize-top" :class="'prize-top-' + mode"><image src="/static/image/result/gaizi@2x.png" mode="aspectFit"></image></view>
+				<view class="prize_close" @click="$refs.prize.close()"><image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image></view>
+				<view class="prize-top" :class="'prize-top-' + mode"><image src="https://www.chaomangdao.com/image/result/gaizi@2x.png" mode="aspectFit"></image></view>
 				<!-- 1开 -->
 				<view :class="['prize_shop', 'center', 'onebox', 'tag-' + tag, scale && 'prize_shop_scale']" v-if="mode == 0">
 					<view class="left-top-tag">
@@ -36,7 +36,7 @@
 				<view class="shiwan center" v-else>试玩结果仅供展示哦~</view>
 			</view>
 		</view>
-		<view v-show="openLoading" class="loading-mask"><image class="loading-gif" src="/h5/static/image/result/kh.gif" mode="aspectFit"></image></view>
+		<view v-show="openLoading" class="loading-mask"><image class="loading-gif" src="https://www.chaomangdao.com/image/result/kh.gif" mode="aspectFit"></image></view>
 	</uni-popup>
 </template>
 
@@ -209,7 +209,7 @@ export default {
 		height: 1120rpx;
 		position: relative;
 		flex-direction: column;
-		background: url(https://chaomd.liuniu946.com/image/bj.jpg);
+		background: url(https://www.chaomangdao.com/image/bj.jpg);
 		background-size: 100% 100%;
 		background-position: top;
 		background-repeat: no-repeat;
@@ -233,7 +233,7 @@ export default {
 		.prize_footer {
 			width: 100%;
 			height: 472rpx;
-			background-image: url(https://chaomd.liuniu946.com/image/btns@2x.png);
+			background-image: url(https://www.chaomangdao.com/image/btns@2x.png);
 			background-position: center;
 			background-repeat: no-repeat;
 			background-size: 100% 100%;
@@ -259,7 +259,7 @@ export default {
 		}
 	}
 	.shiwan {
-		background: url(https://chaomd.liuniu946.com/image/tanchuangbeijing@2x.png) no-repeat;
+		background: url(https://www.chaomangdao.com/image/tanchuangbeijing@2x.png) no-repeat;
 		background-size: cover;
 	}
 	.prize_ul {

components/show-result.vue

@@ -3,7 +3,7 @@
 		<view class="result-popup">
 			<view :class="['prize', explode && 'show']">
 				<view class="prize_box">
-					<view class="prize_close" @click="close()"><image src="/static/image/home/guanbi@2x.png" mode=""></image></view>
+					<view class="prize_close" @click="close()"><image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image></view>
 					<!-- 					<view class="prize-top" :class="`prize-top-${mode}`">
 						<image src="/static/image/result/gaizi@2x.png" mode="aspectFit"></image>
 					</view -->
@@ -43,10 +43,10 @@
 			<view v-show="!hide" class="loading-mask">
 				<view :animation="boxAnimation" :class="['animation-wrapper', explode && 'explode']">
 					<image :src="boxImg" mode="heightFix" class="box"></image>
-					<image src="@/static/image/result/halo.png" mode="heightFix" class="halo"></image>
+					<image src="https://www.chaomangdao.com/image/result/halo.png" mode="heightFix" class="halo"></image>
 				</view>
 			</view>
-			<audio id="result-audio" src="@/static/image/result/1.mp3"></audio>
+			<audio id="result-audio" src="https://www.chaomangdao.com/image/result/1.mp3"></audio>
 		</view>
 	</uni-popup>
 </template>
@@ -73,7 +73,7 @@ export default {
 			scale: false,
 			//开盒动画
 			openLoading: true,
-			boxImg: require('@/static/image/result/box.png'),
+			boxImg: 'https://www.chaomangdao.com/image/result/box.png',
 			//动画
 			boxAnimation: {},
 			animationTime: 100,
@@ -286,7 +286,7 @@ function jump(animation) {
 .result-popup-main {
 	z-index: 9999;
 	.result-popup {
-		background-image: url('https://chaomd.liuniu946.com/image/kjbg.jpg');
+		background-image: url('https://www.chaomangdao.com/image/kjbg.jpg');
 		position: fixed;
 		bottom: 0;
 		left: 0;
@@ -369,7 +369,7 @@ function jump(animation) {
 		}
 	}
 	.shiwan {
-		background: url(/static/image/open/tanchuangbeijing@2x.png) no-repeat;
+		background: url(https://www.chaomangdao.com/image/open/tanchuangbeijing@2x.png) no-repeat;
 		background-size: cover;
 	}
 	.prize_ul {
@@ -439,7 +439,7 @@ function jump(animation) {
 			z-index: -1;
 			height: 150vh;
 			width: 150vh;
-			background-image: url('@/static/image/result/spining.png');
+			background-image: url(https://www.chaomangdao.com/image/result/spining.png);
 			background-repeat: no-repeat;
 			background-size: 100% 100%;
 			position: absolute;

http/index.js

@@ -6,7 +6,7 @@ import {
 } from '@/utils/loginUtils.js';
 // const bu = 'http://tests.nqr.ds888.work' // 'https://www.bzdzfw.xyz'
 // const  bu = "https://" + window.location.host;
-const bu = "https://chaomd.liuniu946.com";
+const bu = "https://www.chaomangdao.com";
 var Fly = require("flyio/dist/npm/wx");
 var request = new Fly();
 // #ifdef H5

manifest.json

@@ -1,103 +1,103 @@
 {
-    "name" : "潮盲岛",
-    "appid" : "__UNI__ED94684",
-    "description" : "",
-    "versionName" : "1.0.0",
-    "versionCode" : "100",
-    "transformPx" : false,
-    /* 5+App特有相关 */
-    "app-plus" : {
-        "usingComponents" : true,
-        "nvueStyleCompiler" : "uni-app",
-        "compilerVersion" : 3,
-        "splashscreen" : {
-            "alwaysShowBeforeRender" : true,
-            "waiting" : true,
-            "autoclose" : true,
-            "delay" : 0
-        },
-        /* 模块配置 */
-        "modules" : {},
-        /* 应用发布信息 */
-        "distribute" : {
-            /* android打包配置 */
-            "android" : {
-                "permissions" : [
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-                ]
-            },
-            /* ios打包配置 */
-            "ios" : {},
-            /* SDK配置 */
-            "sdkConfigs" : {
-                "ad" : {}
-            },
-            "splashscreen" : {
-                "androidStyle" : "common"
-            }
-        },
-        "nvueCompiler" : "uni-app",
-        "renderer" : "native"
-    },
-    /* 快应用特有相关 */
-    "quickapp" : {},
-    /* 小程序特有相关 */
-    "mp-weixin" : {
-        "appid" : "wx4adbb64583a37087",
-        "setting" : {
-            "urlCheck" : false
-        },
-        "usingComponents" : true
-    },
-    "mp-alipay" : {
-        "usingComponents" : true
-    },
-    "mp-baidu" : {
-        "usingComponents" : true
-    },
-    "mp-toutiao" : {
-        "usingComponents" : true
-    },
-    "uniStatistics" : {
-        "enable" : false
-    },
-    "h5" : {
-        "devServer" : {
-            "port" : 8080,
-            "disableHostCheck" : true,
-            "proxy" : {
-                "/api" : {
-                    // "target" : "http://mh.h5mhsc.cn/",
-                    // "target" : "https://he.qiandaojie.net",
-                    // "target" : "http://mh1.qiandaojie.net",
-                    "target" : "http://chaomd.liuniu946.com/",
-                    "changeOrigin" : true,
-                    "secure" : false,
-                    "pathRewrite" : {
-                        "/api" : ""
-                    }
-                }
-            },
-            "https" : false
-        },
-        "router" : {
-            "base" : "/h5/"
-        },
-        "title" : "潮盲岛",
-        "domain" : "http://chaomd.liuniu946.com/"
-    }
+	"name": "潮盲岛",
+	"appid": "__UNI__ED94684",
+	"description": "",
+	"versionName": "1.0.0",
+	"versionCode": "100",
+	"transformPx": false,
+	/* 5+App特有相关 */
+	"app-plus": {
+		"usingComponents": true,
+		"nvueStyleCompiler": "uni-app",
+		"compilerVersion": 3,
+		"splashscreen": {
+			"alwaysShowBeforeRender": true,
+			"waiting": true,
+			"autoclose": true,
+			"delay": 0
+		},
+		/* 模块配置 */
+		"modules": {},
+		/* 应用发布信息 */
+		"distribute": {
+			/* android打包配置 */
+			"android": {
+				"permissions": [
+					"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+					"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+					"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+					"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.CAMERA\"/>",
+					"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+					"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+					"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+					"<uses-feature android:name=\"android.hardware.camera\"/>",
+					"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+				]
+			},
+			/* ios打包配置 */
+			"ios": {},
+			/* SDK配置 */
+			"sdkConfigs": {
+				"ad": {}
+			},
+			"splashscreen": {
+				"androidStyle": "common"
+			}
+		},
+		"nvueCompiler": "uni-app",
+		"renderer": "native"
+	},
+	/* 快应用特有相关 */
+	"quickapp": {},
+	/* 小程序特有相关 */
+	"mp-weixin": {
+		"appid": "wx4adbb64583a37087",
+		"setting": {
+			"urlCheck": false
+		},
+		"usingComponents": true
+	},
+	"mp-alipay": {
+		"usingComponents": true
+	},
+	"mp-baidu": {
+		"usingComponents": true
+	},
+	"mp-toutiao": {
+		"usingComponents": true
+	},
+	"uniStatistics": {
+		"enable": false
+	},
+	"h5": {
+		"devServer": {
+			"port": 8080,
+			"disableHostCheck": true,
+			"proxy": {
+				"/api": {
+					// "target" : "http://mh.h5mhsc.cn/",
+					// "target" : "https://he.qiandaojie.net",
+					// "target" : "http://mh1.qiandaojie.net",
+					"target": "https://www.chaomangdao.com/",
+					"changeOrigin": true,
+					"secure": false,
+					"pathRewrite": {
+						"/api": ""
+					}
+				}
+			},
+			"https": false
+		},
+		"router": {
+			"base": "/h5/"
+		},
+		"title": "潮盲岛",
+		"domain": "https://www.chaomangdao.com/"
+	}
 }

pages.json

@@ -2,9 +2,11 @@
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
 			"path": "pages/tabbar/index",
-			"style": {
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"enablePullDownRefresh": false
 			}
 
 		},
@@ -140,9 +142,11 @@
 		}, {
 			"path": "pages/tabbar/me",
 			"style": {
-				"navigationBarTitleText": "我的",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
+				"navigationBarTitleText": "我的",
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"enablePullDownRefresh": false
 			}
 
 		}, {
@@ -162,17 +166,21 @@
 		}, {
 			"path": "pages/me/addSite",
 			"style": {
-				"navigationBarTitleText": "",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
+				"navigationBarTitleText": "",
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"enablePullDownRefresh": false
 			}
 
 		}, {
 			"path": "pages/me/shaitu",
 			"style": {
-				"navigationBarTitleText": "",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
+				"navigationBarTitleText": "",
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"enablePullDownRefresh": false
 			}
 
 		}, {
@@ -367,9 +375,9 @@
 		"pages": [{
 			"path": "pages/invite",
 			"style": {
-				"navigationBarTitleText": "推广中心",
+				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false,
-				"backgroundColor": "#F5F6FA",
+				"backgroundColor": "#F5F6FA",
 				"navigationStyle": "custom"
 			}
 

pages/index/details.bak.vue

@@ -9,7 +9,7 @@
 				</view>
 				<view class="details_title_name">{{ boxDetail.box_name }}</view>
 				<view class="details_title_mp3" @click="changePlay">
-					<image :src="isPlay ? '/static/image/home/bofang@2x.png' : '/static/image/home/guanbiyinyue@2x.png' " mode=""></image>
+					<image :src="isPlay ? 'https://www.chaomangdao.com/image/home/bofang@2x.png' : 'https://www.chaomangdao.com/image/home/guanbiyinyue@2x.png'" mode=""></image>
 				</view>
 			</view>
 		</view>
@@ -22,7 +22,7 @@
 				</view>
 				<view class="details_head_rule flexs" @click="$refs.regulation.open()">
 					<text>玩法规则</text>
-					<image src="/static/image/home/wenhao@2x.png" mode=""></image>
+					<image src="https://www.chaomangdao.com/image/home/wenhao@2x.png" mode=""></image>
 				</view>
 				<view class="details_head_shop center">
 					<swiper autoplay circular class="swiper">
@@ -92,7 +92,7 @@
 		<!-- S 底部 -->
 		<view class="details_footer flex" :style="{'justify-content':type == 1 ? 'center' : ''}">
 			<view class="details_footer_coll" @click="changeStar" v-if="type == 0">
-				<image :src=" boxDetail.is_star == 1 ? '/static/image/home/shoucangyixuanzhong@2x.png' : '/static/image/home/shoucangweixuanzhong@2x.png' " mode=""></image>
+				<image :src=" boxDetail.is_star == 1 ? 'https://www.chaomangdao.com/image/home/shoucangyixuanzhong@2x.png' : 'https://www.chaomangdao.com/image/home/shoucangweixuanzhong@2x.png' " mode=""></image>
 			</view>
 			<view class="details_footer_ul center">
 				<view class="details_footer_li center" v-for="(item,index) in 2" :key="index" @click="changeDraw(index)">{{ index == 0 ? (type == 1 ? '试玩一发入魂' : boxDetail.coin_price + '金币一发入魂') :( type == 1 ? '试玩五连绝世' : Number(boxDetail.coin_price) * 5 + '金币五连绝世') }}</view>
@@ -103,7 +103,7 @@
 		<uni-popup ref="regulation" :mask-click="false">
 		  <view class="regulation">
 				<view class="regulation_close" @click="$refs.regulation.close()">
-					<image src="/static/image/home/guanbi@2x.png" mode=""></image>
+					<image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image>
 				</view>
 		  	<view class="regulation_name">玩法规则</view>
 				<view class="regulation_main">
@@ -122,7 +122,7 @@
 	const innerAudioContext = uni.createInnerAudioContext();
 	innerAudioContext.autoplay = true;
 	innerAudioContext.loop = true;
-	innerAudioContext.src = '/static/image/home/bj.mp3';
+	innerAudioContext.src = 'https://www.chaomangdao.com/image/home/bj.mp3';
 	
 	export default {
 		data() {
@@ -253,7 +253,7 @@
 .details_head {
 	height: 657rpx;
 	position: relative;
-	background: url(../../static/image/home/beijing@2x.png) no-repeat;
+	background: url(https://www.chaomangdao.com/image/home/beijing@2x.png) no-repeat;
 	background-size: cover;
 	.details_head_title {
 		padding: 30rpx;
@@ -481,10 +481,10 @@
 		font-size: 26rpx;
 		margin-left: 15rpx;
 		padding-bottom: 10rpx;
-		background: url(../../static/image/home/yifaruhun@2x.png) no-repeat;
+		background: url(https://www.chaomangdao.com/image/home/yifaruhun@2x.png) no-repeat;
 		background-size: cover;
 		&:last-child {
-			background: url(../../static/image/home/wulianjueshi@2x.png) no-repeat;
+			background: url(https://www.chaomangdao.com/image/home/wulianjueshi@2x.png) no-repeat;
 			background-size: cover;
 		}
 		

pages/index/details.vue

@@ -1,1448 +1,1486 @@
-<template>
-	<view class="index-main">
-		<!-- <audio id="audio" src="/static/image/home/bj.mp3" loop></audio> -->
-		<view class="details">
-			<!-- nav start -->
-			<view class="details_title">
-				<view class="details_nav"></view>
-				<view class="details-title_head flex">
-					<view class="details_title_return" @click="returnTop"><image src="/static/image/publice/fanhui@2x.png" mode=""></image></view>
-					<view class="details_title_name">{{ boxDetail.box_name }}</view>
-					<!-- <view class="details_title_mp3" @click="changePlay">
-    			<image :src="isPlay ? '/static/image/home/bofang@2x.png' : '/static/image/home/guanbiyinyue@2x.png' " mode=""></image>
-    		</view> -->
-				</view>
-			</view>
-		</view>
-		<!-- nav end -->
-		<!-- 灯光 -->
-		<view class="bjt">
-			<!-- <image class="light" src="/h5/static/image/new_home/dg.png" mode="widthFix"></image> -->
-			<!-- 上半部分 -->
-			<view class="top">
-				<!-- 	<view class="title">
-				<view class="oval" @click="toRecharge()">
-					<image class="small-img" src="/static/image/new_home/yecz.png" mode="widthFix"></image>
-					<text> {{capital.coin}} </text>
-					<span>金币充值</span>
-				</view>
-				<view class="oval1" @click="toMyBox()">
-					<image class="small-img" src="/static/image/new_home/tbxg.png" mode="widthFix"></image>
-					<text> {{capital.box}} </text>
-					<span>物品盒柜</span>
-				</view>
-				<view class="right" @click="wfashuiming()">
-					<image class="small-img" src="/static/image/new_home/wfsm.png" mode="widthFix"></image>
-					<span>玩法说明</span>
-				</view>
-			</view> -->
-				<lunbobox></lunbobox>
-				<view class="play-explain" @tap="$refs.regulation.open()">
-					<image class="small-img" src="/static/image/tabbar/wodeyixuanzhong@2x1.png" mode="widthFix"></image>
-					<text>买家须知</text>
-				</view>
-				<view class="details_footer_coll" @click="changeStar" v-if="type == 0">
-					<image
-						:src="boxDetail.is_star == 1 ? '/static/image/home/shoucangyixuanzhong@2x.png' : '/static/image/home/shoucangweixuanzhong@2x.png'"
-						mode="widthFix"
-					></image>
-				</view>
-				<view class="loop-container">
-					<!-- 图片轮播主区域 -->
-					<view class="loop-image-main">
-						<prize-flying v-if="box_id" :key="`flying`" :box-id="box_id"></prize-flying>
-						<!-- 图片轮播 -->
-						<view class="loop-image-warapper">
-							<swiper autoplay circular class="swiper">
-								<swiper-item>
-									<view :class="['image-box']">
-										<template v-for="(item, index) in boxDetail.box_banner">
-											<view :key="index">
-												<image
-													:class="[boxDetail.box_banner.length > 1 ? `box-banner-${index}` : 'box-banner']"
-													:src="item.image"
-													mode="heightFix"
-													@click="lookImg(item.image)"
-												></image>
-												<text>{{ item.desc }}</text>
-											</view>
-										</template>
-									</view>
-								</swiper-item>
-							</swiper>
-							<!-- <image src="/static/image/home/erji@2x.png" mode=""></image> -->
-						</view>
-						<!-- 底座 -->
-						<!-- <view class="pedestal">
-						<image src="/h5/static/image/new_home/dizhuo.png" mode="heightFix"></image>
-					</view> -->
-						<!-- 手指 -->
-						<!-- <view class="finger">
-						<image src="/h5/static/image/new_home/sz.png" mode="heightFix"></image>
-					</view> -->
-					</view>
-				</view>
-			</view>
-			<!-- 下半部分 -->
-			<view class="bottom">
-				<view>
-					<!-- 下方按钮区 -->
-					<view class="button-container">
-						<view class="side-btn" @click="haveTry()">
-							<image src="/static/image/new_home/swmhan.png" mode="widthFix"></image>
-							<!-- <text>试玩盲盒</text> -->
-						</view>
-						<view class="center-btn" @click="selectNum()">
-							<image src="/static/image/new_home/khan.png" mode="widthFix"></image>
-							<text>立即开箱</text>
-						</view>
-					</view>
-					<!-- 下方价格 -->
-					<view class="price-container">
-						<text class="price">{{ boxDetail.box_name }}{{ boxDetail.coin_price }}元/个</text>
-					</view>
-					<view class="kxbz">盲盒开箱必中以下宝贝之一</view>
-					<view class="bottom-top">
-						<view class="bottom-top-left"><text>天天开盲盒</text></view>
-						<view class="bottom-top-center"><image src="/static/image/new_home/bottom-top-center.png"></image></view>
-						<view class="bottom-top-right"><text>未成年必须在家长监督下使用</text></view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<uni-popup ref="num-popup" type="bottom" :mask-click="false">
-			<view class="num-popup">
-				<view class="popup-close" @click="closeNumPopup"><image src="/static/image/home/guanbi@2x.png" mode=""></image></view>
-				<view class="num-button-group">
-					<view class="num-button" @click="createOder(1)">
-						<image src="/static/image/new_home/btn-1.png" mode="widthFix"></image>
-						<text>一发入魂</text>
-					</view>
-				</view>
-				<view class="num-button-group">
-					<view class="num-button" @click="createOder(5)">
-						<image src="/h5/static/image/new_home/btn-3.png" mode="widthFix"></image>
-						<text>五连绝世</text>
-					</view>
-					<view class="num-button" @click="createOder(9)">
-						<image src="/h5/static/image/new_home/btn-2.png" mode="widthFix"></image>
-						<text>九连更稳</text>
-					</view>
-				</view>
-				<view class="order-info">
-					<view>开盒数量：{{ boxNum }}</view>
-					<view class="total-price">订单金额：￥{{ totalPrice }}</view>
-				</view>
-				<view class="popup-btn"><!-- <button type="primary" @click="$refs['payment'].open(0, boxNum)">创建订单</button> --></view>
-			</view>
-		</uni-popup>
-
-		<payment ref="payment" :box-id="box_id" :box-num="boxNum" :type="type" @create-success="closeNumPopup" @show-result="showResult"></payment>
-		<show-result ref="result-popup" :num="boxNum" @accept="toMyBox()" @recycle="recycle" :type="type"></show-result>
-		<recycle ref="recycle"></recycle>
-		<!-- 商品预览start -->
-		<view class="goods-view">
-			<view class="rate-view flex">
-				<text class="rate-txt">获得概率</text>
-				<view class="rate-list flex">
-					<view class="rate-item" v-for="(item, index) in rates" :key="item.value">
-						<text :class="['rate-name', `rate-name-${index}`]">{{ item.name }}</text>
-						<text class="rate-value">{{ item.value }}</text>
-					</view>
-				</view>
-			</view>
-			<view class="goods-list-view flex">
-				<view class="goods-item" v-for="(item, index) in boxDetail.goodslist" :key="index">
-					<text class="goods-tag" :class="'goods-tag-' + item.tag == '传说' ? 0 : item.tag == '史诗' ? 1 : item.tag == '稀有' ? 2 : 3"><!-- {{item.tag}} --></text>
-					<view class="goods-img-view"><image :src="item.image" mode="heightFix" @click="lookDetail(item)"></image></view>
-					<view class="goods-name">{{ item.goods_name }}</view>
-					<view class="goods-price-view">
-						<span class="rmb">￥</span>
-						{{ item.price }}
-					</view>
-				</view>
-			</view>
-		</view>
-		<!-- 商品预览end -->
-		<!-- 开盒记录start -->
-		<!-- <view class="record-view">
-		  <view class="title flex">
-		    <text class="title-left">开盒记录</text>
-		    <view class="title-right flex" @tap="$refs.morerecord.open()">
-		      <text>更多记录</text>
-		      <view class="rule-box">
-		        <image src="../../static/image/publice/jinruer@2x.png" mode="aspectFit"></image>
-		      </view>
-		    </view>
-		  </view>
-		  <view class="record-list-view">
-		    <view class="record-item flex" v-for="(item, index) in record3" :key="index">
-		      <view class="goods-img-view">
-		        <image :src="item.goods_image" mode="aspectFit"></image>
-		      </view>
-		      <view class="record-item-right">
-		        <view class="goods-name-view flex">
-		          <text class="username">{{item.nickname}}</text>
-		          <text class="txt">开出了</text>
-		          <text class="goods-name">{{item.goods_name}}</text>
-		        </view>
-		        <view class="goods-price-view">
-		          参考价 ￥{{item.goods_rmb_price}}
-		        </view>
-		        <view class="goods-time-view">
-		          开盒时间：{{item.create_time}}
-		        </view>
-		      </view>
-		    </view>
-		  </view>
-		</view> -->
-		<!-- 开盒记录end -->
-		<!--S  更多记录 -->
-		<!-- <uni-popup ref="morerecord" :mask-click="true">
-		  <view class="regulation">
-				<view class="regulation_close" @click="$refs.morerecord.close()">
-					<image src="/static/image/home/guanbi@2x.png" mode=""></image>
-				</view>
-		  	<view class="regulation_name">开盒记录</view>
-				<view class="regulation_main">
-					<scroll-view scroll-y="true" class="scroll-view">
-						<view class="record-item flex" v-for="(item, index) in boxDetail.record" :key="index">
-		          <view class="goods-img-view">
-		            <image :src="item.goods_image" mode="aspectFit"></image>
-		          </view>
-		          <view class="record-item-right">
-		            <view class="goods-name-view flex">
-		              <text class="username">{{item.nickname}}</text>
-		              <text class="txt">开出了</text>
-		              <text class="goods-name">{{item.goods_name}}</text>
-		            </view>
-		            <view class="goods-price-view">
-		              参考价 ￥{{item.goods_rmb_price}}
-		            </view>
-		            <view class="goods-time-view">
-		              开盒时间：{{item.create_time}}
-		            </view>
-		          </view>
-		        </view>
-					</scroll-view>
-				</view>
-		  </view>
-		</uni-popup> -->
-		<!-- 购买须知start -->
-		<!-- <view class="buy-rule-view">
-		      <view class="title flex">
-		        <text class="title-left">购买须知</text>
-		      </view>
-		      <view class="box-view" v-html="notice_to_buyers"> -->
-		<!-- <view class="rule-item">
-		          <view class="rule-title">
-		            【盲盒规则】
-		          </view>
-		          <view class="rule-html">
-		            这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则
-		          </view>
-		        </view>
-		        <view class="rule-item">
-		          <view class="rule-title">
-		            【关于配送】
-		          </view>
-		          <view class="rule-html">
-		            这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则
-		          </view>
-		        </view>
-		        <view class="rule-item">
-		          <view class="rule-title">
-		            【售后问题】
-		          </view>
-		          <view class="rule-html">
-		            这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则
-		          </view>
-		        </view> -->
-		<!--  </view>
-		    </view> -->
-		<!-- 购买须知end -->
-		<!--S  买家须知 -->
-		<uni-popup ref="regulation" :mask-click="false">
-			<view class="regulation">
-				<view class="regulation_close" @click="$refs.regulation.close()"><image src="/static/image/home/guanbi@2x.png" mode=""></image></view>
-				<view class="regulation_name">买家须知</view>
-				<view class="regulation_main">
-					<scroll-view scroll-y="true" class="scroll-view"><u-parse :content="message"></u-parse></scroll-view>
-				</view>
-			</view>
-		</uni-popup>
-		<!--E  买家须知 -->
-		<!-- 更多商品详情 -->
-		<goods-detail ref="goods-detail"></goods-detail>
-	</view>
-</template>
-
-<script>
-import payment from '@/components/payment.vue';
-import showResult from '@/components/show-result.vue';
-import recycle from '@/components/recycle.vue';
-import goodsDetail from '@/components/goods-detail.vue';
-import lunbobox from '@/components/lunbobox.vue';
-import prizeFlying from '@/components/prize-flying.vue';
-const innerAudioContext = uni.createInnerAudioContext();
-export default {
-	components: {
-		payment,
-		showResult,
-		recycle,
-		goodsDetail,
-		lunbobox,
-		prizeFlying
-	},
-	data() {
-		return {
-			box_id: null, //盲盒ID
-			message: '', //玩法规则
-			boxDetail: {}, //盲盒详情
-			capital: {
-				box: 0,
-				coin: 0
-			},
-			//金额
-			price: 0,
-			//数量
-			boxNum: 1,
-			//开盒类型 0：正式开盒 1：试玩
-			type: 0,
-			record3: [],
-			notice_to_buyers: '',
-			rates: [
-				{
-					value: '0.1%',
-					// name: '传说款',
-					tag: '传说'
-				},
-				{
-					value: '10.9%',
-					// name: '史诗款',
-					tag: '史诗'
-				},
-				{
-					value: '22.5%',
-					// name: '稀有款',
-					tag: '稀有'
-				},
-				{
-					value: '76.5%',
-					// name: '普通款',
-					tag: '普通'
-				}
-			]
-		};
-	},
-	computed: {
-		//订单总金额
-		totalPrice() {
-			return this.boxNum * this.boxDetail.coin_price;
-		}
-	},
-	created() {
-		console.log(this.box_id);
-	},
-	mounted() {
-		let audio = document.getElementById('audio').querySelector('audio');
-		audio.play();
-	},
-	methods: {
-		lookImg(url) {
-			uni.previewImage({
-				urls: [url],
-				longPressActions: {
-					itemList: ['发送给朋友', '保存图片', '收藏'],
-					success: function(data) {
-						console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
-					},
-					fail: function(err) {
-						console.log(err.errMsg);
-					}
-				}
-			});
-		},
-		//查看详情
-		lookDetail(goods) {
-			let rate = this.rates.find(item => item.tag == goods.tag);
-			this.$refs['goods-detail'].open(goods, rate);
-		},
-		changePlay() {
-			this.isPlay = !this.isPlay;
-			uni.setStorageSync('isPlay', this.isPlay);
-			this.isPlay ? innerAudioContext.play() : innerAudioContext.pause();
-		},
-		//去充值
-		recharge() {
-			uni.navigateTo({ url: '/pages/me/recharge' });
-		},
-		//是否点赞
-		changeStar() {
-			this.$api.star({ box_id: this.box_id }).then(res => {
-				if (res.code === 1) {
-					res.data.is_star == 1 ? (this.boxDetail.is_star = 1) : (this.boxDetail.is_star = 0);
-					uni.showToast({ title: res.msg });
-				}
-			});
-		},
-		//跳转说明
-		wfsm() {
-			uni.navigateTo({ url: '/pages/index/wfsm' });
-		},
-		//跳转盒柜
-		toMyBox() {
-			this.$refs['result-popup'].close();
-			uni.navigateTo({ url: '/pages/me/myBox' });
-		},
-		returnTop() {
-			uni.navigateBack();
-		},
-		//获取详情
-		getDetails() {
-			this.$api.boxDetail({ box_id: this.box_id }).then(res => {
-				if (res.code === 1) {
-					this.boxDetail = res.data;
-					this.record3 = res.data.record.slice(0, 3);
-					console.log(this.boxDetail);
-				}
-			});
-		},
-		//试玩
-		haveTry() {
-			this.type = 1;
-			this.boxNum = 1;
-			this.$refs['payment'].open(1, 1);
-		},
-		//选择数量
-		selectNum() {
-			this.type = 0;
-			this.boxNum = 1;
-			this.$refs['num-popup'].open();
-		},
-		//创建订单
-		createOder(num) {
-			this.boxNum = num;
-			this.$refs['payment'].open(0, this.boxNum);
-		},
-		//创建订单成功或者试玩返回结果
-		closeNumPopup() {
-			//关闭数量弹窗
-			this.$refs['num-popup'].close();
-		},
-		//展示结果
-		showResult(result) {
-			//试玩
-			if (this.type == 1) {
-				this.$refs['result-popup'].open({ prizeInfo: result.goodsInfo });
-				return;
-			}
-			this.$refs['result-popup'].open(result);
-		},
-		//回收
-		recycle(prizedata) {
-			this.$refs['result-popup'].close();
-			this.$refs['recycle'].recycle(prizedata.prizeInfo);
-		},
-		//玩法规则
-		getMessage() {
-			this.$api.agreement({ name: 'notice_to_buyers' }).then(res => {
-				if (res.code === 1) {
-					this.message = res.data.content;
-				}
-			});
-		}
-	},
-	onUnload() {
-		innerAudioContext.pause();
-	},
-	onLoad({ id }) {
-		this.box_id = parseInt(id);
-		this.getDetails();
-		this.getMessage();
-	},
-	onShow() {
-		this.isPlay = uni.getStorageSync('isPlay');
-		this.isPlay ? innerAudioContext.play() : innerAudioContext.pause();
-	},
-	//刷新金币和盒子数量
-	onShow() {
-		this.$api.getUserCapital().then(({ code, data }) => {
-			if (code == 1) {
-				this.capital = data;
-			}
-		});
-		let is_notice = uni.getStorageSync('is_notice');
-		uni.removeStorageSync('is_notice');
-		if (is_notice == 1) {
-			setTimeout(() => {
-				uni.showModal({
-					title: '提示',
-					content: '恭喜，获得10金币',
-					success: function(res) {
-						if (res.confirm) {
-							console.log('用户点击确定');
-						} else if (res.cancel) {
-							console.log('用户点击取消');
-						}
-					}
-				});
-			}, 1000);
-		}
-	}
-};
-</script>
-<style lang="scss">
-.bottom-top {
-	height: 50rpx;
-	margin: 20rpx 0;
-}
-.bottom-top .bottom-top-left {
-	width: 25%;
-	float: left;
-	margin-left: 5rpx;
-}
-.bottom-top .bottom-top-center {
-	width: 26%;
-	display: block;
-	float: left;
-	uni-image {
-		width: 50rpx;
-		height: 50rpx;
-		margin: 0 auto;
-		float: right;
-	}
-}
-.bottom-top .bottom-top-right {
-	float: right;
-	margin-right: 5rpx;
-}
-.kxbz {
-	display: block;
-	font-size: 35rpx;
-	text-align: center;
-	margin: 5rpx 0;
-}
-.details_footer_coll {
-	position: absolute;
-	box-shadow: 0px 4rpx 6rpx 2rpx #5ca6c8;
-	background-color: #fff;
-	top: 8vh;
-	right: 0;
-	display: flex;
-	z-index: 99;
-	align-items: center;
-	border-radius: 100rpx;
-	padding: 8rpx 20rpx;
-	border-top-right-radius: 0;
-	border-bottom-right-radius: 0;
-	uni-text {
-		color: #5348c9 !important;
-		margin-left: 10rpx;
-	}
-	uni-image {
-		width: 40rpx;
-	}
-}
-uni-page-body {
-	height: 100%;
-}
-.play-explain {
-	position: absolute;
-	box-shadow: 0px 4rpx 6rpx 2rpx #5ca6c8;
-	background-color: #fff;
-	top: 62vh;
-	right: 0;
-	display: flex;
-	z-index: 99;
-	align-items: center;
-	border-radius: 100rpx;
-	padding: 8rpx 20rpx;
-	border-top-right-radius: 0;
-	border-bottom-right-radius: 0;
-	uni-text {
-		color: #5348c9 !important;
-		margin-left: 10rpx;
-	}
-	uni-image {
-		width: 40rpx;
-	}
-}
-uni-page-body {
-	height: 100%;
-}
-.bjt {
-	background: url(https://chaomd.liuniu946.com/image/bj.jpg);
-	background-size: 100% 100%;
-}
-.index-main {
-	height: 100%;
-	background-repeat: no-repeat;
-	background-size: 100%;
-	flex-direction: column;
-	.light {
-		position: absolute;
-		top: 0;
-	}
-	> view {
-		display: flex;
-		flex-direction: column;
-	}
-	.top {
-		flex: 0.6;
-		.title {
-			display: flex;
-			margin-top: 30rpx;
-			height: 130rpx;
-			z-index: 19;
-			padding: 0 30rpx;
-			> view {
-				align-items: center;
-				font-size: 28rpx;
-				image {
-					margin-right: 10rpx;
-				}
-			}
-			.oval1,
-			.oval {
-				position: relative;
-				width: 100rpx;
-				text-align: center;
-				margin: 0 auto;
-			}
-			.oval span,
-			.oval1 span {
-				display: block;
-				position: absolute;
-				bottom: 0rpx;
-				font-size: 26rpx;
-			}
-			index-xg.png .oval1 text {
-				color: #4e2ea9 !important;
-			}
-			.oval text,
-			.oval1 text {
-				color: #fff !important;
-				border-radius: 100rpx;
-				width: 80rpx;
-				background: #cf0000;
-				position: absolute;
-				top: 0px;
-				right: -50rpx;
-			}
-			.right {
-				position: relative;
-				width: 100rpx;
-				text-align: center;
-				margin: 0 auto;
-				span {
-					display: block;
-					position: absolute;
-					bottom: 0rpx;
-					font-size: 26rpx;
-				}
-			}
-		}
-		.loop-container {
-			background: url(https://chaomd.liuniu946.com/image/hzbj.gif);
-			.loop-image-main {
-				margin-top: 20rpx;
-				margin-bottom: 20rpx;
-				position: relative;
-				height: 580rpx;
-				.loop-image-warapper {
-					z-index: 20;
-					position: absolute;
-					height: 65%;
-					margin-top: 100rpx;
-					width: 100%;
-					.image-box {
-						display: flex;
-						justify-content: center;
-						height: 100%;
-						.box-banner {
-							height: 80%;
-						}
-						.box-banner-0 {
-							width: 118px;
-							height: 80%;
-							left: 50%;
-							transform: translateX(-50%);
-							position: absolute;
-							bottom: 0;
-						}
-						.box-banner-1 {
-							left: 50%;
-							transform: translateX(-50%);
-							position: absolute;
-							top: 0;
-							height: 50%;
-						}
-					}
-				}
-				.pedestal {
-					position: absolute;
-					height: 400rpx;
-					width: 100%;
-					bottom: 0;
-					uni-image {
-						margin: 0 auto;
-					}
-				}
-				.finger {
-					position: absolute;
-					z-index: 21;
-					height: 140rpx;
-					right: 180rpx;
-					bottom: 50rpx;
-				}
-				.prize {
-					position: absolute;
-					height: 120rpx;
-					right: 10rpx;
-					bottom: 50rpx;
-					z-index: 22;
-				}
-			}
-			.loop-label-warapper {
-				height: 180rpx;
-				.label-box {
-					height: 75%;
-					display: flex;
-					align-items: center;
-					justify-content: center;
-				}
-				.loop-label {
-					transition: 0.2s;
-					margin: 0 auto;
-					width: 60%;
-					height: 65%;
-					background-image: linear-gradient(45deg, #89f7fe, #7c66ff);
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					border-radius: 14rpx;
-					text {
-						transition: 0.2s;
-						color: #ffffff;
-						font-size: 28rpx;
-						letter-spacing: 2rpx;
-						font-weight: 400;
-					}
-				}
-				.label-active {
-					.loop-label {
-						width: 90%;
-						height: 80%;
-						background-image: linear-gradient(45deg, #84f8ff, #1030ff);
-						text {
-							font-size: 42rpx;
-							font-weight: bold;
-						}
-					}
-				}
-			}
-			uni-swiper {
-				height: 90%;
-			}
-		}
-	}
-	.bottom {
-		flex: 0.4;
-		.button-container {
-			flex: 1;
-			display: flex;
-			padding-bottom: 10rpx;
-			position: fixed;
-			bottom: 0px;
-			width: 100%;
-			z-index: 99;
-			background: #fff;
-			> view {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				margin: 0 auto;
-			}
-			.center-btn {
-				flex: 0.87;
-				uni-image {
-					width: 75%;
-				}
-				uni-text {
-					position: absolute;
-					font-size: 40rpx;
-					line-height: 1.1;
-					color: #ffffff;
-					font-weight: bold;
-					font-style: italic;
-					letter-spacing: 2px;
-				}
-			}
-			.side-btn {
-				flex-direction: column;
-				flex: 0.28;
-				image {
-					width: 60%;
-				}
-				text {
-					margin-top: 14rpx;
-					font-size: 28rpx;
-					font-weight: bold;
-				}
-			}
-		}
-		.price-container {
-			text-align: center;
-			.price {
-				font-size: 36rpx;
-				font-weight: bold;
-			}
-		}
-		.look-rule {
-			font-size: 30rpx;
-			padding-left: 14rpx;
-			color: #575757;
-		}
-		.banner {
-			display: flex;
-			margin: 20rpx 14rpx;
-
-			> view {
-				display: flex;
-				font-size: 28rpx;
-				image {
-					margin-right: 10rpx;
-				}
-			}
-			.center {
-				flex: 1;
-			}
-		}
-	}
-}
-.small-img {
-	width: 80rpx;
-	margin: 0 auto;
-	margin-right: 0px;
-}
-//选择数量弹窗
-.num-popup {
-	background: #ffffff;
-	border-radius: 10px 10px 0px 0px;
-	padding: 50px 25px 90px 25px;
-	.popup-close {
-		top: 30rpx;
-		right: 30rpx;
-		width: 44rpx;
-		height: 44rpx;
-		position: absolute;
-	}
-	.num-button-group {
-		display: flex;
-		justify-content: center;
-		gap: 50rpx;
-	}
-	.num-button {
-		position: relative;
-		width: 300rpx;
-		text {
-			position: absolute;
-			top: 50%;
-			left: 50%;
-			transform: translateX(-50%) translateY(-50%);
-			font-size: 36rpx;
-			font-weight: bold;
-			color: #fff;
-			text-shadow: 1px 1px 1px black;
-		}
-	}
-	.order-info {
-		display: flex;
-		> view {
-			flex: 1;
-			display: flex;
-			align-items: center;
-		}
-		> view {
-			font-size: 28rpx;
-			font-weight: bold;
-		}
-		.total-price {
-			color: red;
-		}
-	}
-	> view {
-		margin-bottom: 30rpx;
-	}
-}
-/deep/ .pay {
-	padding-bottom: 100px !important;
-}
-// 动画
-@keyframes updown {
-	0% {
-		top: 0px;
-	}
-	50% {
-		top: 10px;
-	}
-	100% {
-		top: 0px;
-	}
-}
-.bottom-top-center uni-image {
-	animation: jt 2s infinite;
-	-webkit-animation: jt 2s infinite;
-}
-.loop-image-warapper {
-	animation: updown 2s infinite;
-	-webkit-animation: updown 2s infinite;
-}
-@keyframes rotate {
-	0% {
-		transform: rotate(0deg);
-	}
-	50% {
-		transform: rotate(-10deg);
-	}
-	100% {
-		transform: rotate(0deg);
-	}
-}
-.finger {
-	animation: rotate 1.8s infinite;
-	-webkit-animation: rotate 1.8s infinite;
-}
-.details_title {
-	width: 100%;
-	position: sticky;
-	top: 0;
-	z-index: 2021;
-	.details_nav {
-		width: 100%;
-	}
-	.details-title_head {
-		width: 100%;
-		height: 88rpx;
-		padding: 0 30rpx;
-		background: #ffffff;
-		.details_title_return {
-			width: 44rpx;
-			height: 44rpx;
-		}
-		.details_title_name {
-			width: 100%;
-			text-align: center;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-			font-size: 36rpx;
-			font-weight: bold;
-		}
-		.details_title_mp3 {
-			width: 44rpx;
-			height: 44rpx;
-		}
-	}
-}
-.goods-view {
-	.title {
-		padding: 0 30rpx;
-		margin: 30rpx 0 22rpx;
-		.title-left {
-			font-size: 34rpx;
-			font-family: PingFangSC-Medium, PingFang SC;
-			font-weight: 500;
-			color: #171a20;
-			line-height: 48rpx;
-		}
-		.title-right {
-			font-size: 24rpx;
-			font-family: PingFangSC-Regular, PingFang SC;
-			font-weight: 400;
-			color: #7a808d;
-			line-height: 34rpx;
-			.rule-box {
-				width: 28rpx;
-				height: 28rpx;
-				margin-left: 6rpx;
-			}
-		}
-	}
-	.rate-view {
-		background: #404040;
-		padding: 20rpx 0;
-		.rate-txt {
-			display: inline-block;
-			width: 172rpx;
-			height: 80rpx;
-			line-height: 80rpx;
-			text-align: center;
-			background: #696969;
-			font-size: 24rpx;
-			font-family: PingFangSC-Regular, PingFang SC;
-			font-weight: 400;
-			color: #ffffff;
-			border-top-right-radius: 30rpx;
-		}
-		.rate-list {
-			background: #4a4a4a;
-			margin: 5rpx 20rpx;
-			border-radius: 20rpx;
-			padding: 10rpx 0;
-			justify-content: space-around;
-			flex: 1;
-			.rate-item {
-				display: flex;
-				flex-direction: column;
-				align-items: center;
-				.rate-value {
-					font-size: 24rpx;
-					font-family: PingFangSC-Regular, PingFang SC;
-					font-weight: 400;
-					color: #0c0d10;
-					line-height: 34rpx;
-				}
-				.rate-name {
-					font-size: 24rpx;
-					font-family: PingFangSC-Medium, PingFang SC;
-					font-weight: 1000;
-					line-height: 34rpx;
-				}
-			}
-			.rate-value {
-				color: #ffffff !important;
-				display: block;
-				margin-top: 10rpx;
-			}
-			.rate-name-0 {
-				background: url(../../static/image/new_home/cs.png);
-				background-size: 100% 100%;
-				height: 80rpx;
-				width: 80rpx;
-			}
-			.rate-name-1 {
-				background: url(../../static/image/new_home/ss.png);
-				background-size: 100% 100%;
-				height: 80rpx;
-				width: 80rpx;
-			}
-			.rate-name-2 {
-				background: url(../../static/image/new_home/xy.png);
-				background-size: 100% 100%;
-				height: 80rpx;
-				width: 80rpx;
-			}
-			.rate-name-3 {
-				background: url(../../static/image/new_home/pt.png);
-				background-size: 100% 100%;
-				height: 80rpx;
-				width: 80rpx;
-			}
-		}
-	}
-	.goods-list-view {
-		margin-bottom: 100rpx;
-		flex-wrap: wrap;
-		padding: 0 30rpx;
-		margin-top: 14rpx;
-		&::after {
-			content: '';
-			width: 220rpx;
-		}
-		.goods-item {
-			width: 100%;
-			padding: 20rpx;
-			background: #ffffff;
-			border-radius: 16rpx;
-			position: relative;
-			margin-top: 16rpx;
-			.goods-tag {
-				z-index: 2;
-				display: block;
-				width: 100rpx;
-				text-align: center;
-				height: 38rpx;
-				line-height: 38rpx;
-				color: #fff;
-				font-size: 24rpx;
-				border-radius: 0 0rpx 16rpx 0rpx;
-				&-0 {
-					background: url(../../static/image/new_home/cs.png);
-					background-size: 100% 100%;
-					height: 80rpx;
-					width: 80rpx;
-				}
-				&-1 {
-					background: url(../../static/image/new_home/ss.png);
-					background-size: 100% 100%;
-					height: 80rpx;
-					width: 80rpx;
-				}
-				&-2 {
-					background: url(../../static/image/new_home/xy.png);
-					background-size: 100% 100%;
-					height: 80rpx;
-					width: 80rpx;
-				}
-				&-3 {
-					background: url(../../static/image/new_home/pt.png);
-					background-size: 100% 100%;
-					height: 80rpx;
-					width: 80rpx;
-				}
-			}
-
-			.goods-img-view {
-				width: 40%;
-				height: 210rpx;
-				float: left;
-				margin-right: 10rpx;
-			}
-			.goods-price-view {
-				width: 260rpx;
-				height: 40rpx;
-				font-size: 45rpx;
-				font-family: PingFangSC-Regular, PingFang SC;
-				font-weight: 500;
-				color: #ff495d;
-				line-height: 40rpx;
-				float: left;
-				margin: 26rpx 0;
-				display: block;
-				.rmb {
-					font-size: 28rpx;
-				}
-			}
-			.goods-name {
-				width: 58%;
-				font-size: 32rpx;
-				font-family: PingFangSC-Medium, PingFang SC;
-				font-weight: 500;
-				color: #171a20;
-				line-height: 50rpx;
-				overflow: hidden;
-				text-overflow: ellipsis;
-			}
-		}
-	}
-	.record-view {
-		.title {
-			padding: 0 30rpx;
-			margin: 30rpx 0 22rpx;
-			.title-left {
-				font-size: 34rpx;
-				font-family: PingFangSC-Medium, PingFang SC;
-				font-weight: 500;
-				color: #171a20;
-				line-height: 48rpx;
-			}
-			.title-right {
-				font-size: 24rpx;
-				font-family: PingFangSC-Regular, PingFang SC;
-				font-weight: 400;
-				color: #7a808d;
-				line-height: 34rpx;
-				.rule-box {
-					width: 24rpx;
-					height: 24rpx;
-					margin-left: 6rpx;
-				}
-			}
-		}
-		.record-list-view {
-			.record-item {
-				margin: 20rpx auto 0;
-				width: 690rpx;
-				height: 180rpx;
-				background: #ffffff;
-				border-radius: 16rpx;
-				padding: 12rpx 0 10rpx 18rpx;
-				.goods-img-view {
-					width: 158rpx;
-					height: 158rpx;
-				}
-				.record-item-right {
-					flex: 1;
-					margin-left: 22rpx;
-					line-height: 42rpx;
-					.goods-name-view {
-						justify-content: flex-start;
-						font-size: 24rpx;
-						font-family: PingFangSC-Medium, PingFang SC;
-						font-weight: 500;
-						color: #171a20;
-						.username,
-						.goods-name {
-							color: #0091ff;
-						}
-						.goods-name {
-							display: inline-block;
-							width: 200rpx;
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-						}
-						.txt {
-							display: inline-block;
-							margin: 0 8rpx;
-						}
-					}
-					.goods-price-view {
-						font-size: 24rpx;
-						font-family: PingFangSC-Regular, PingFang SC;
-						font-weight: 400;
-						color: #ff495d;
-					}
-					.goods-time-view {
-						font-size: 24rpx;
-						font-family: PingFangSC-Regular, PingFang SC;
-						font-weight: 400;
-						color: #7a808d;
-					}
-				}
-			}
-		}
-	}
-}
-.record-view {
-	.title {
-		padding: 0 30rpx;
-		margin: 30rpx 0 22rpx;
-		.title-left {
-			font-size: 34rpx;
-			font-family: PingFangSC-Medium, PingFang SC;
-			font-weight: 500;
-			color: #171a20;
-			line-height: 48rpx;
-		}
-		.title-right {
-			font-size: 24rpx;
-			font-family: PingFangSC-Regular, PingFang SC;
-			font-weight: 400;
-			color: #7a808d;
-			line-height: 34rpx;
-			.rule-box {
-				width: 24rpx;
-				height: 24rpx;
-				margin-left: 6rpx;
-			}
-		}
-	}
-	.record-list-view {
-		.record-item {
-			margin: 20rpx auto 0;
-			width: 690rpx;
-			height: 180rpx;
-			background: #ffffff;
-			border-radius: 16rpx;
-			padding: 12rpx 0 10rpx 18rpx;
-			.goods-img-view {
-				width: 158rpx;
-				height: 158rpx;
-			}
-			.record-item-right {
-				flex: 1;
-				margin-left: 22rpx;
-				line-height: 42rpx;
-				.goods-name-view {
-					justify-content: flex-start;
-					font-size: 24rpx;
-					font-family: PingFangSC-Medium, PingFang SC;
-					font-weight: 500;
-					color: #171a20;
-					.username,
-					.goods-name {
-						color: #0091ff;
-					}
-					.goods-name {
-						display: inline-block;
-						width: 200rpx;
-						overflow: hidden;
-						text-overflow: ellipsis;
-						white-space: nowrap;
-					}
-					.txt {
-						display: inline-block;
-						margin: 0 8rpx;
-					}
-				}
-				.goods-price-view {
-					font-size: 24rpx;
-					font-family: PingFangSC-Regular, PingFang SC;
-					font-weight: 400;
-					color: #ff495d;
-				}
-				.goods-time-view {
-					font-size: 24rpx;
-					font-family: PingFangSC-Regular, PingFang SC;
-					font-weight: 400;
-					color: #7a808d;
-				}
-			}
-		}
-	}
-}
-.regulation {
-	width: 650rpx;
-	height: 900rpx;
-	padding: 0 0 0 30rpx;
-	background: #ffffff;
-	border-radius: 20rpx;
-	position: relative;
-	.regulation_close {
-		position: absolute;
-		width: 44rpx;
-		height: 44rpx;
-		top: 30rpx;
-		right: 30rpx;
-	}
-	.regulation_name {
-		padding: 40rpx 0;
-		text-align: center;
-		font-size: 30rpx;
-		font-weight: bold;
-	}
-	.scroll-view {
-		height: 735rpx;
-	}
-}
-.regulation {
-	.record-item {
-		margin: 20rpx auto 0;
-		width: 616rpx;
-		height: 180rpx;
-		background: #ffffff;
-		border-radius: 16rpx;
-		.goods-img-view {
-			width: 158rpx;
-			height: 158rpx;
-		}
-		.record-item-right {
-			flex: 1;
-			margin-left: 22rpx;
-			line-height: 42rpx;
-			.goods-name-view {
-				justify-content: flex-start;
-				font-size: 24rpx;
-				font-family: PingFangSC-Medium, PingFang SC;
-				font-weight: 500;
-				color: #171a20;
-				.username,
-				.goods-name {
-					color: #0091ff;
-				}
-				.goods-name {
-					display: inline-block;
-					width: 150rpx;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					white-space: nowrap;
-				}
-				.txt {
-					display: inline-block;
-					margin: 0 8rpx;
-				}
-			}
-			.goods-price-view {
-				font-size: 24rpx;
-				font-family: PingFangSC-Regular, PingFang SC;
-				font-weight: 400;
-				color: #ff495d;
-			}
-			.goods-time-view {
-				font-size: 24rpx;
-				font-family: PingFangSC-Regular, PingFang SC;
-				font-weight: 400;
-				color: #7a808d;
-			}
-		}
-	}
-}
-.buy-rule-view {
-	padding-bottom: 46rpx;
-	.title {
-		padding: 0 30rpx;
-		margin: 30rpx 0 22rpx;
-		.title-left {
-			font-size: 34rpx;
-			font-family: PingFangSC-Medium, PingFang SC;
-			font-weight: 500;
-			color: #171a20;
-			line-height: 48rpx;
-		}
-	}
-
-	.box-view {
-		width: 690rpx;
-		margin: 0 auto;
-		background: #ffffff;
-		border-radius: 16rpx;
-		padding: 28rpx 0;
-		.rule-item {
-			.rule-title {
-				padding: 0 10rpx;
-				font-size: 28rpx;
-				font-family: PingFangSC-Medium, PingFang SC;
-				font-weight: 500;
-				color: #2e333f;
-			}
-			.rule-html {
-				padding: 0 26rpx;
-				font-size: 24rpx;
-				font-family: PingFangSC-Regular, PingFang SC;
-				font-weight: 400;
-				color: #7a808d;
-				line-height: 40rpx;
-				margin: 12rpx 0 24rpx;
-			}
-		}
-	}
-}
-.center-btn uni-text {
-	-webkit-animation-name: living; /*关键帧名称*/
-	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
-	-webkit-animation-iteration-count: infinite; /*动画播放的次数*/
-	-webkit-animation-duration: 5s; /*动画所花费的时间*/
-}
-//放大动画
-@keyframes living {
-	0% {
-		transform: scale(0.8);
-		opacity: 0.8;
-	}
-	50% {
-		transform: scale(1);
-		opacity: 1; /*圆形放大的同时，透明度逐渐减小为0*/
-	}
-	100% {
-		transform: scale(0.8);
-		opacity: 0.8;
-	}
-}
-// 动画
-@keyframes updown {
-	0% {
-		top: 0px;
-	}
-	50% {
-		top: 10px;
-	}
-	100% {
-		top: 0px;
-	}
-}
-// 动画
-@keyframes jt {
-	0% {
-		top: 0px;
-	}
-	50% {
-		top: 5px;
-	}
-	100% {
-		top: 0px;
-	}
-}
+<template>
+	<view class="index-main">
+		<view class="vheight"></view>
+		<!-- <audio id="audio" src="/static/image/home/bj.mp3" loop></audio> -->
+		<view class="details">
+			<!-- nav start -->
+			<view class="details_title">
+				<view class="details_nav"></view>
+				<view class="details-title_head flex">
+					<view class="details_title_return" @click="returnTop"><image src="/static/image/publice/fanhui@2x.png" mode=""></image></view>
+					<view class="details_title_name">{{ boxDetail.box_name }}</view>
+					<!-- <view class="details_title_mp3" @click="changePlay">
+    			<image :src="isPlay ? '/static/image/home/bofang@2x.png' : '/static/image/home/guanbiyinyue@2x.png' " mode=""></image>
+    		</view> -->
+				</view>
+			</view>
+		</view>
+		<!-- nav end -->
+		<!-- 灯光 -->
+		<view class="bjt">
+			<!-- <image class="light" src="/h5/static/image/new_home/dg.png" mode="widthFix"></image> -->
+			<!-- 上半部分 -->
+			<view class="top">
+				<!-- 	<view class="title">
+				<view class="oval" @click="toRecharge()">
+					<image class="small-img" src="/static/image/new_home/yecz.png" mode="widthFix"></image>
+					<text> {{capital.coin}} </text>
+					<span>金币充值</span>
+				</view>
+				<view class="oval1" @click="toMyBox()">
+					<image class="small-img" src="/static/image/new_home/tbxg.png" mode="widthFix"></image>
+					<text> {{capital.box}} </text>
+					<span>物品盒柜</span>
+				</view>
+				<view class="right" @click="wfashuiming()">
+					<image class="small-img" src="/static/image/new_home/wfsm.png" mode="widthFix"></image>
+					<span>玩法说明</span>
+				</view>
+			</view> -->
+
+				<lunbobox></lunbobox>
+				<!-- <view class="play-explain" @tap="$refs.regulation.open()">
+					<image class="small-img" src="/static/image/tabbar/wodeyixuanzhong@2x1.png" mode="widthFix"></image>
+					<text>买家须知</text>
+				</view> -->
+				<view class="details_footer_coll" @click="changeStar" v-if="type == 0">
+					<image
+						:src="boxDetail.is_star == 1 ? 'https://www.chaomangdao.com/image/home/shoucangyixuanzhong@2x.png' : '/static/image/home/shoucangweixuanzhong@2x.png'"
+						mode="widthFix"
+					></image>
+				</view>
+				<view class="loop-container">
+					<!-- 图片轮播主区域 -->
+					<view class="loop-image-main">
+						<prize-flying v-if="box_id" :key="`flying`" :box-id="box_id"></prize-flying>
+						<!-- 图片轮播 -->
+						<view class="loop-image-warapper">
+							<swiper autoplay circular class="swiper">
+								<swiper-item>
+									<view :class="['image-box']">
+										<template v-for="(item, index) in boxDetail.box_banner">
+											<view :key="index">
+												<image
+													:class="[boxDetail.box_banner.length > 1 ? `box-banner-${index}` : 'box-banner']"
+													:src="item.image"
+													mode="heightFix"
+													@click="lookImg(item.image)"
+												></image>
+												<text>{{ item.desc }}</text>
+											</view>
+										</template>
+									</view>
+								</swiper-item>
+							</swiper>
+							<!-- <image src="/static/image/home/erji@2x.png" mode=""></image> -->
+						</view>
+						<!-- 底座 -->
+						<!-- <view class="pedestal">
+						<image src="/h5/static/image/new_home/dizhuo.png" mode="heightFix"></image>
+					</view> -->
+						<!-- 手指 -->
+						<!-- <view class="finger">
+						<image src="/h5/static/image/new_home/sz.png" mode="heightFix"></image>
+					</view> -->
+					</view>
+				</view>
+			</view>
+			<!-- 下半部分 -->
+			<view class="bottom">
+				<view>
+					<!-- 下方按钮区 -->
+					<view class="button-container">
+						<view class="side-btn" @click="haveTry()"><image src="/static/image/new_home/swmhan.png" mode="widthFix"></image></view>
+						<view class="center-btn" @click="selectNum()">
+							<image src="/static/image/new_home/khan.png" mode="widthFix"></image>
+							<!-- <text>立即开箱</text> -->
+						</view>
+						<view class="side-btn" @click="$refs.regulation.open()"><image src="/static/image/new_home/gdmhan.png" mode="widthFix"></image></view>
+					</view>
+					<!-- 	<view class="button-container">
+						<view class="side-btn" @click="haveTry()">
+							<image src="/static/image/new_home/swmhan.png" mode="widthFix"></image>
+						</view>
+						<view class="center-btn" @click="selectNum()">
+							<image src="/static/image/new_home/khan.png" mode="widthFix"></image>
+						</view>
+					</view> -->
+					<!-- 下方价格 -->
+					<!-- <view class="price-container">
+						<text class="price">{{ boxDetail.box_name }}{{ boxDetail.coin_price }}元/个</text>
+					</view> -->
+					<!-- <view class="kxbz">盲盒开箱必中以下宝贝之一</view> -->
+				</view>
+			</view>
+		</view>
+		<uni-popup ref="num-popup" type="bottom" :mask-click="false">
+			<view class="num-popup">
+				<view class="popup-close" @click="closeNumPopup"><image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image></view>
+				<view class="num-button-group">
+					<view class="num-button" @click="createOder(1)">
+						<image src="/static/image/new_home/btn-1.png" mode="widthFix"></image>
+						<text>一发入魂</text>
+					</view>
+				</view>
+				<view class="num-button-group">
+					<view class="num-button" @click="createOder(5)">
+						<image src="../../static/image/new_home/btn-3.png" mode="widthFix"></image>
+						<text>五连绝世</text>
+					</view>
+					<view class="num-button" @click="createOder(9)">
+						<image src="../../static/image/new_home/btn-2.png" mode="widthFix"></image>
+						<text>九连更稳</text>
+					</view>
+				</view>
+				<view class="order-info">
+					<view>开盒数量：{{ boxNum }}</view>
+					<view class="total-price">订单金额：￥{{ totalPrice }}</view>
+				</view>
+				<view class="popup-btn"><!-- <button type="primary" @click="$refs['payment'].open(0, boxNum)">创建订单</button> --></view>
+			</view>
+		</uni-popup>
+
+		<payment ref="payment" :box-id="box_id" :box-num="boxNum" :type="type" @create-success="closeNumPopup" @show-result="showResult"></payment>
+		<show-result ref="result-popup" :num="boxNum" @accept="toMyBox()" @recycle="recycle" :type="type"></show-result>
+		<recycle ref="recycle"></recycle>
+		<!-- <image src="https://www.chaomangdao.com/image/kxbz.png" mode=""></image> -->
+		<!-- 商品预览start -->
+		<view class="goods-view">
+			<view class="rate-view flex">
+				<!-- <text class="rate-txt">获得概率</text> -->
+				<view class="rate-list flex">
+					<view class="rate-item" v-for="(item, index) in rates" :key="item.value">
+						<text :class="['rate-name', `rate-name-${index}`]">{{ item.name }}</text>
+						<text class="rate-value">{{ item.value }}%</text>
+					</view>
+				</view>
+			</view>
+			<view class="goods-list-view flex">
+				<view class="goods-item" v-for="(item, index) in boxDetail.goodslist" :key="index">
+					<text class="goods-tag" :class="'goods-tag-' + (item.tag == '传说' ? 0 : item.tag == '史诗' ? 1 : item.tag == '稀有' ? 2 : 3)">{{ item.tag }}</text>
+					<view class="goods-img-view">
+						<image :src="item.image.indexOf('http') == -1 ? 'https://www.chaomangdao.com' + item.image : item.image" mode="" @click="lookDetail(item)"></image>
+					</view>
+					<view class="goods-name clamp2">{{ item.goods_name }}</view>
+					<view class="goods-price">￥{{ item.price }}</view>
+					<!-- <view class="goods-price-view">
+						<span class="rmb">￥</span>
+						{{ item.price }}
+					</view> -->
+				</view>
+			</view>
+		</view>
+		<!-- 商品预览end -->
+		<!-- 开盒记录start -->
+		<!-- <view class="record-view">
+		  <view class="title flex">
+		    <text class="title-left">开盒记录</text>
+		    <view class="title-right flex" @tap="$refs.morerecord.open()">
+		      <text>更多记录</text>
+		      <view class="rule-box">
+		        <image src="../../static/image/publice/jinruer@2x.png" mode="aspectFit"></image>
+		      </view>
+		    </view>
+		  </view>
+		  <view class="record-list-view">
+		    <view class="record-item flex" v-for="(item, index) in record3" :key="index">
+		      <view class="goods-img-view">
+		        <image :src="item.goods_image" mode="aspectFit"></image>
+		      </view>
+		      <view class="record-item-right">
+		        <view class="goods-name-view flex">
+		          <text class="username">{{item.nickname}}</text>
+		          <text class="txt">开出了</text>
+		          <text class="goods-name">{{item.goods_name}}</text>
+		        </view>
+		        <view class="goods-price-view">
+		          参考价 ￥{{item.goods_rmb_price}}
+		        </view>
+		        <view class="goods-time-view">
+		          开盒时间：{{item.create_time}}
+		        </view>
+		      </view>
+		    </view>
+		  </view>
+		</view> -->
+		<!-- 开盒记录end -->
+		<!--S  更多记录 -->
+		<!-- <uni-popup ref="morerecord" :mask-click="true">
+		  <view class="regulation">
+				<view class="regulation_close" @click="$refs.morerecord.close()">
+					<image src="/static/image/home/guanbi@2x.png" mode=""></image>
+				</view>
+		  	<view class="regulation_name">开盒记录</view>
+				<view class="regulation_main">
+					<scroll-view scroll-y="true" class="scroll-view">
+						<view class="record-item flex" v-for="(item, index) in boxDetail.record" :key="index">
+		          <view class="goods-img-view">
+		            <image :src="item.goods_image" mode="aspectFit"></image>
+		          </view>
+		          <view class="record-item-right">
+		            <view class="goods-name-view flex">
+		              <text class="username">{{item.nickname}}</text>
+		              <text class="txt">开出了</text>
+		              <text class="goods-name">{{item.goods_name}}</text>
+		            </view>
+		            <view class="goods-price-view">
+		              参考价 ￥{{item.goods_rmb_price}}
+		            </view>
+		            <view class="goods-time-view">
+		              开盒时间：{{item.create_time}}
+		            </view>
+		          </view>
+		        </view>
+					</scroll-view>
+				</view>
+		  </view>
+		</uni-popup> -->
+		<!-- 购买须知start -->
+		<!-- <view class="buy-rule-view">
+		      <view class="title flex">
+		        <text class="title-left">购买须知</text>
+		      </view>
+		      <view class="box-view" v-html="notice_to_buyers"> -->
+		<!-- <view class="rule-item">
+		          <view class="rule-title">
+		            【盲盒规则】
+		          </view>
+		          <view class="rule-html">
+		            这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则
+		          </view>
+		        </view>
+		        <view class="rule-item">
+		          <view class="rule-title">
+		            【关于配送】
+		          </view>
+		          <view class="rule-html">
+		            这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则
+		          </view>
+		        </view>
+		        <view class="rule-item">
+		          <view class="rule-title">
+		            【售后问题】
+		          </view>
+		          <view class="rule-html">
+		            这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则这是一段规则
+		          </view>
+		        </view> -->
+		<!--  </view>
+		    </view> -->
+		<!-- 购买须知end -->
+		<!--S  买家须知 -->
+		<uni-popup ref="regulation" :mask-click="false">
+			<view class="regulation">
+				<view class="regulation_close" @click="$refs.regulation.close()"><image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image></view>
+				<view class="regulation_name">买家须知</view>
+				<view class="regulation_main">
+					<scroll-view scroll-y="true" class="scroll-view"><u-parse :content="message"></u-parse></scroll-view>
+				</view>
+			</view>
+		</uni-popup>
+		<!--E  买家须知 -->
+		<!-- 更多商品详情 -->
+		<goods-detail ref="goods-detail"></goods-detail>
+	</view>
+</template>
+
+<script>
+import payment from '@/components/payment.vue';
+import showResult from '@/components/show-result.vue';
+import recycle from '@/components/recycle.vue';
+import goodsDetail from '@/components/goods-detail.vue';
+import lunbobox from '@/components/lunbobox.vue';
+import prizeFlying from '@/components/prize-flying.vue';
+const innerAudioContext = uni.createInnerAudioContext();
+export default {
+	components: {
+		payment,
+		showResult,
+		recycle,
+		goodsDetail,
+		lunbobox,
+		prizeFlying
+	},
+	data() {
+		return {
+			box_id: null, //盲盒ID
+			message: '', //玩法规则
+			boxDetail: {}, //盲盒详情
+			capital: {
+				box: 0,
+				coin: 0
+			},
+			//金额
+			price: 0,
+			//数量
+			boxNum: 1,
+			//开盒类型 0：正式开盒 1：试玩
+			type: 0,
+			record3: [],
+			notice_to_buyers: '',
+			rates: [
+				{
+					value: '0.1%',
+					// name: '传说款',
+					tag: '传说'
+				},
+				{
+					value: '10.9%',
+					// name: '史诗款',
+					tag: '史诗'
+				},
+				{
+					value: '22.5%',
+					// name: '稀有款',
+					tag: '稀有'
+				},
+				{
+					value: '76.5%',
+					// name: '普通款',
+					tag: '普通'
+				}
+			]
+		};
+	},
+	computed: {
+		//订单总金额
+		totalPrice() {
+			return this.boxNum * this.boxDetail.coin_price;
+		}
+	},
+	created() {
+		console.log(this.box_id);
+	},
+	mounted() {
+		// let audio = document.getElementById('audio').querySelector('audio');
+		// audio.play();
+	},
+	methods: {
+		lookImg(url) {
+			uni.previewImage({
+				urls: [url],
+				longPressActions: {
+					itemList: ['发送给朋友', '保存图片', '收藏'],
+					success: function(data) {
+						console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
+					},
+					fail: function(err) {
+						console.log(err.errMsg);
+					}
+				}
+			});
+		},
+		//查看详情
+		lookDetail(goods) {
+			let rate = this.rates.find(item => item.tag == goods.tag);
+			console.log(this.rates);
+			this.$refs['goods-detail'].open(goods, rate);
+		},
+		changePlay() {
+			this.isPlay = !this.isPlay;
+			uni.setStorageSync('isPlay', this.isPlay);
+			this.isPlay ? innerAudioContext.play() : innerAudioContext.pause();
+		},
+		//去充值
+		recharge() {
+			uni.navigateTo({ url: '/pages/me/recharge' });
+		},
+		//是否点赞
+		changeStar() {
+			this.$api.star({ box_id: this.box_id }).then(res => {
+				if (res.code === 1) {
+					res.data.is_star == 1 ? (this.boxDetail.is_star = 1) : (this.boxDetail.is_star = 0);
+					uni.showToast({ title: res.msg });
+				}
+			});
+		},
+		//跳转说明
+		wfsm() {
+			uni.navigateTo({ url: '/pages/index/wfsm' });
+		},
+		//跳转盒柜
+		toMyBox() {
+			this.$refs['result-popup'].close();
+			uni.navigateTo({ url: '/pages/me/myBox' });
+		},
+		returnTop() {
+			uni.navigateBack();
+		},
+		//获取详情
+		getDetails() {
+			this.$api.boxDetail({ box_id: this.box_id }).then(res => {
+				if (res.code === 1) {
+					this.boxDetail = res.data;
+					this.record3 = res.data.record.slice(0, 3);
+					this.rates[0].value = (res.data.more.tags.legend * 1).toFixed(2);
+					this.rates[1].value = (res.data.more.tags.supreme * 1).toFixed(2);
+					this.rates[2].value = (res.data.more.tags.rare * 1).toFixed(2);
+					this.rates[3].value = (res.data.more.tags.normal * 1).toFixed(2);
+					console.log(this.boxDetail);
+				}
+			});
+		},
+		//试玩
+		haveTry() {
+			this.type = 1;
+			this.boxNum = 1;
+			this.$refs['payment'].open(1, 1);
+		},
+		//选择数量
+		selectNum() {
+			this.type = 0;
+			this.boxNum = 1;
+			this.$refs['num-popup'].open();
+		},
+		//创建订单
+		createOder(num) {
+			this.boxNum = num;
+			this.$refs['payment'].open(0, this.boxNum);
+		},
+		//创建订单成功或者试玩返回结果
+		closeNumPopup() {
+			//关闭数量弹窗
+			this.$refs['num-popup'].close();
+		},
+		//展示结果
+		showResult(result) {
+			//试玩
+			if (this.type == 1) {
+				this.$refs['result-popup'].open({ prizeInfo: result.goodsInfo });
+				return;
+			}
+			this.$refs['result-popup'].open(result);
+		},
+		//回收
+		recycle(prizedata) {
+			this.$refs['result-popup'].close();
+			this.$refs['recycle'].recycle(prizedata.prizeInfo);
+		},
+		//玩法规则
+		getMessage() {
+			this.$api.agreement({ name: 'notice_to_buyers' }).then(res => {
+				if (res.code === 1) {
+					this.message = res.data.content;
+				}
+			});
+		}
+	},
+	onUnload() {
+		innerAudioContext.pause();
+	},
+	onLoad({ id }) {
+		console.log(id, '123456');
+		this.box_id = parseInt(id);
+		this.getDetails();
+		this.getMessage();
+	},
+	onShow() {
+		this.isPlay = uni.getStorageSync('isPlay');
+		this.isPlay ? innerAudioContext.play() : innerAudioContext.pause();
+	},
+	//刷新金币和盒子数量
+	onShow() {
+		this.$api.getUserCapital().then(({ code, data }) => {
+			if (code == 1) {
+				this.capital = data;
+			}
+		});
+		let is_notice = uni.getStorageSync('is_notice');
+		uni.removeStorageSync('is_notice');
+		if (is_notice == 1) {
+			setTimeout(() => {
+				uni.showModal({
+					title: '提示',
+					content: '恭喜，获得10金币',
+					success: function(res) {
+						if (res.confirm) {
+							console.log('用户点击确定');
+						} else if (res.cancel) {
+							console.log('用户点击取消');
+						}
+					}
+				});
+			}, 1000);
+		}
+	}
+};
+</script>
+<style lang="scss">
+.bottom-top {
+	// height: 50rpx;
+	height: 140rpx;
+	margin: 20rpx 0;
+}
+.vheight {
+	height: var(--status-bar-height);
+	width: 100%;
+}
+.bottom-top .bottom-top-left {
+	width: 25%;
+	float: left;
+	margin-left: 5rpx;
+}
+.bottom-top .bottom-top-center {
+	width: 26%;
+	display: block;
+	float: left;
+	uni-image {
+		width: 50rpx;
+		height: 50rpx;
+		margin: 0 auto;
+		float: right;
+	}
+}
+.bottom-top .bottom-top-right {
+	float: right;
+	margin-right: 5rpx;
+}
+.kxbz {
+	display: block;
+	font-size: 35rpx;
+	text-align: center;
+	margin: 5rpx 0;
+}
+.details_footer_coll {
+	position: absolute;
+	box-shadow: 0px 4rpx 6rpx 2rpx #5ca6c8;
+	background-color: #fff;
+	top: 8vh;
+	right: 0;
+	display: flex;
+	z-index: 99;
+	align-items: center;
+	border-radius: 100rpx;
+	padding: 8rpx 20rpx;
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+	uni-text {
+		color: #5348c9 !important;
+		margin-left: 10rpx;
+	}
+	uni-image {
+		width: 40rpx;
+	}
+}
+uni-page-body {
+	height: 100%;
+}
+.play-explain {
+	position: absolute;
+	box-shadow: 0px 4rpx 6rpx 2rpx #5ca6c8;
+	background-color: #fff;
+	top: 62vh;
+	right: 0;
+	display: flex;
+	z-index: 99;
+	align-items: center;
+	border-radius: 100rpx;
+	padding: 8rpx 20rpx;
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+	uni-text {
+		color: #5348c9 !important;
+		margin-left: 10rpx;
+	}
+	uni-image {
+		width: 40rpx;
+	}
+}
+uni-page-body {
+	height: 100%;
+}
+.bjt {
+	background: url(https://www.chaomangdao.com/image/bj.jpg);
+	background-size: 100% 100%;
+}
+.index-main {
+	height: 100%;
+	background-repeat: no-repeat;
+	background-size: 100%;
+	flex-direction: column;
+	.light {
+		position: absolute;
+		top: 0;
+	}
+	> view {
+		display: flex;
+		flex-direction: column;
+	}
+	.top {
+		flex: 0.6;
+		.title {
+			display: flex;
+			margin-top: 30rpx;
+			height: 130rpx;
+			z-index: 19;
+			padding: 0 30rpx;
+			> view {
+				align-items: center;
+				font-size: 28rpx;
+				image {
+					margin-right: 10rpx;
+				}
+			}
+			.oval1,
+			.oval {
+				position: relative;
+				width: 100rpx;
+				text-align: center;
+				margin: 0 auto;
+			}
+			.oval span,
+			.oval1 span {
+				display: block;
+				position: absolute;
+				bottom: 0rpx;
+				font-size: 26rpx;
+			}
+			index-xg.png .oval1 text {
+				color: #4e2ea9 !important;
+			}
+			.oval text,
+			.oval1 text {
+				color: #fff !important;
+				border-radius: 100rpx;
+				width: 80rpx;
+				background: #cf0000;
+				position: absolute;
+				top: 0px;
+				right: -50rpx;
+			}
+			.right {
+				position: relative;
+				width: 100rpx;
+				text-align: center;
+				margin: 0 auto;
+				span {
+					display: block;
+					position: absolute;
+					bottom: 0rpx;
+					font-size: 26rpx;
+				}
+			}
+		}
+		.loop-container {
+			background: url(https://www.chaomangdao.com/image/hzbj.gif);
+			.loop-image-main {
+				margin-top: 20rpx;
+				margin-bottom: 20rpx;
+				position: relative;
+				height: 580rpx;
+				.loop-image-warapper {
+					z-index: 20;
+					position: absolute;
+					height: 65%;
+					margin-top: 100rpx;
+					width: 100%;
+					.image-box {
+						display: flex;
+						justify-content: center;
+						height: 100%;
+						.box-banner {
+							height: 80%;
+						}
+						.box-banner-0 {
+							width: 118px;
+							height: 80%;
+							left: 50%;
+							transform: translateX(-50%);
+							position: absolute;
+							bottom: 0;
+						}
+						.box-banner-1 {
+							left: 50%;
+							transform: translateX(-50%);
+							position: absolute;
+							top: 0;
+							height: 50%;
+						}
+					}
+				}
+				.pedestal {
+					position: absolute;
+					height: 400rpx;
+					width: 100%;
+					bottom: 0;
+					uni-image {
+						margin: 0 auto;
+					}
+				}
+				.finger {
+					position: absolute;
+					z-index: 21;
+					height: 140rpx;
+					right: 180rpx;
+					bottom: 50rpx;
+				}
+				.prize {
+					position: absolute;
+					height: 120rpx;
+					right: 10rpx;
+					bottom: 50rpx;
+					z-index: 22;
+				}
+			}
+			.loop-label-warapper {
+				height: 180rpx;
+				.label-box {
+					height: 75%;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
+				.loop-label {
+					transition: 0.2s;
+					margin: 0 auto;
+					width: 60%;
+					height: 65%;
+					background-image: linear-gradient(45deg, #89f7fe, #7c66ff);
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					border-radius: 14rpx;
+					text {
+						transition: 0.2s;
+						color: #ffffff;
+						font-size: 28rpx;
+						letter-spacing: 2rpx;
+						font-weight: 400;
+					}
+				}
+				.label-active {
+					.loop-label {
+						width: 90%;
+						height: 80%;
+						background-image: linear-gradient(45deg, #84f8ff, #1030ff);
+						text {
+							font-size: 42rpx;
+							font-weight: bold;
+						}
+					}
+				}
+			}
+			uni-swiper {
+				height: 90%;
+			}
+		}
+	}
+	.bottom {
+		flex: 0.4;
+		.button-container {
+			flex: 1;
+			display: flex;
+			padding-bottom: 10rpx;
+			position: fixed;
+			bottom: 0px;
+			width: 100%;
+			z-index: 99;
+			background: #fff;
+			> view {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin: 0 auto;
+			}
+			.center-btn {
+				flex: 0.87;
+				uni-image {
+					width: 75%;
+				}
+				uni-text {
+					position: absolute;
+					font-size: 40rpx;
+					line-height: 1.1;
+					color: #ffffff;
+					font-weight: bold;
+					font-style: italic;
+					letter-spacing: 2px;
+				}
+			}
+			.side-btn {
+				flex-direction: column;
+				flex: 0.28;
+				image {
+					width: 60%;
+				}
+				text {
+					margin-top: 14rpx;
+					font-size: 28rpx;
+					font-weight: bold;
+				}
+			}
+		}
+		.price-container {
+			text-align: center;
+			.price {
+				font-size: 36rpx;
+				font-weight: bold;
+			}
+		}
+		.look-rule {
+			font-size: 30rpx;
+			padding-left: 14rpx;
+			color: #575757;
+		}
+		.banner {
+			display: flex;
+			margin: 20rpx 14rpx;
+
+			> view {
+				display: flex;
+				font-size: 28rpx;
+				image {
+					margin-right: 10rpx;
+				}
+			}
+			.center {
+				flex: 1;
+			}
+		}
+	}
+}
+.small-img {
+	width: 80rpx;
+	margin: 0 auto;
+	margin-right: 0px;
+}
+//选择数量弹窗
+.num-popup {
+	background: #ffffff;
+	border-radius: 10px 10px 0px 0px;
+	padding: 50px 25px 90px 25px;
+	.popup-close {
+		top: 30rpx;
+		right: 30rpx;
+		width: 44rpx;
+		height: 44rpx;
+		position: absolute;
+	}
+	.num-button-group {
+		display: flex;
+		justify-content: center;
+		gap: 50rpx;
+	}
+	.num-button {
+		position: relative;
+		width: 300rpx;
+		text {
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translateX(-50%) translateY(-50%);
+			font-size: 36rpx;
+			font-weight: bold;
+			color: #fff;
+			text-shadow: 1px 1px 1px black;
+		}
+	}
+	.order-info {
+		display: flex;
+		> view {
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
+		> view {
+			font-size: 28rpx;
+			font-weight: bold;
+		}
+		.total-price {
+			color: red;
+		}
+	}
+	> view {
+		margin-bottom: 30rpx;
+	}
+}
+/deep/ .pay {
+	padding-bottom: 100px !important;
+}
+// 动画
+@keyframes updown {
+	0% {
+		top: 0px;
+	}
+	50% {
+		top: 10px;
+	}
+	100% {
+		top: 0px;
+	}
+}
+.bottom-top-center uni-image {
+	animation: jt 2s infinite;
+	-webkit-animation: jt 2s infinite;
+}
+.loop-image-warapper {
+	animation: updown 2s infinite;
+	-webkit-animation: updown 2s infinite;
+}
+@keyframes rotate {
+	0% {
+		transform: rotate(0deg);
+	}
+	50% {
+		transform: rotate(-10deg);
+	}
+	100% {
+		transform: rotate(0deg);
+	}
+}
+.finger {
+	animation: rotate 1.8s infinite;
+	-webkit-animation: rotate 1.8s infinite;
+}
+.details_title {
+	width: 100%;
+	position: sticky;
+	top: 0;
+	z-index: 2021;
+	.details_nav {
+		width: 100%;
+	}
+	.details-title_head {
+		width: 100%;
+		height: 88rpx;
+		padding: 0 30rpx;
+		background: #ffffff;
+		.details_title_return {
+			width: 44rpx;
+			height: 44rpx;
+		}
+		.details_title_name {
+			width: 100%;
+			text-align: center;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			font-size: 36rpx;
+			font-weight: bold;
+		}
+		.details_title_mp3 {
+			width: 44rpx;
+			height: 44rpx;
+		}
+	}
+}
+.goods-view {
+	.title {
+		padding: 0 30rpx;
+		margin: 30rpx 0 22rpx;
+		.title-left {
+			font-size: 34rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #171a20;
+			line-height: 48rpx;
+		}
+		.title-right {
+			font-size: 24rpx;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: 400;
+			color: #7a808d;
+			line-height: 34rpx;
+			.rule-box {
+				width: 28rpx;
+				height: 28rpx;
+				margin-left: 6rpx;
+			}
+		}
+	}
+	.rate-view {
+		background: #fff;
+		padding: 20rpx 0;
+		.rate-txt {
+			display: inline-block;
+			width: 172rpx;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			background: #696969;
+			font-size: 24rpx;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: 400;
+			color: #666666;
+			border-top-right-radius: 30rpx;
+		}
+		.rate-list {
+			background: #ffff;
+			margin: 5rpx 20rpx;
+			border-radius: 20rpx;
+			padding: 10rpx 0;
+			justify-content: space-around;
+			flex: 1;
+			.rate-item {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				.rate-value {
+					font-size: 24rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #0c0d10;
+					line-height: 34rpx;
+				}
+				.rate-name {
+					font-size: 24rpx;
+					font-family: PingFangSC-Medium, PingFang SC;
+					font-weight: 1000;
+					line-height: 34rpx;
+				}
+			}
+			.rate-value {
+				color: #666666 !important;
+				display: block;
+				margin-top: 10rpx;
+			}
+			.rate-name-0 {
+				background: url(../../static/image/new_home/cs.png);
+				background-size: 100% 100%;
+				height: 80rpx;
+				width: 80rpx;
+			}
+			.rate-name-1 {
+				background: url(../../static/image/new_home/ss.png);
+				background-size: 100% 100%;
+				height: 80rpx;
+				width: 80rpx;
+			}
+			.rate-name-2 {
+				background: url(../../static/image/new_home/xy.png);
+				background-size: 100% 100%;
+				height: 80rpx;
+				width: 80rpx;
+			}
+			.rate-name-3 {
+				background: url(../../static/image/new_home/pt.png);
+				background-size: 100% 100%;
+				height: 80rpx;
+				width: 80rpx;
+			}
+		}
+	}
+	.goods-list-view {
+		margin-bottom: 134rpx;
+		flex-wrap: wrap;
+		padding: 0 16rpx;
+		margin-top: 14rpx;
+
+		&::after {
+			content: '';
+			width: 220rpx;
+		}
+		.goods-item {
+			width: 227rpx;
+			height: 291rpx;
+			// padding: 20rpx;
+			background: #ffffff;
+			// background: #000;
+			border-radius: 16rpx;
+			position: relative;
+			margin-top: 20rpx;
+			display: flex;
+			flex-direction: column;
+			// justify-content: center;
+			align-items: center;
+			.goods-price {
+				position: absolute;
+				right: 0;
+				top: 188rpx;
+				background-color: #ff7184;
+				width: 88rpx;
+				height: 30rpx;
+				text-align: center;
+				font-size: 20rpx;
+				line-height: 30rpx;
+				border-radius: 15rpx 0 15rpx 0;
+				color: #fff;
+			}
+			.goods-tag {
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 88rpx;
+				height: 30rpx;
+				// background-color: #ff5423;
+				// z-index: 999;
+				color: #fff;
+				text-align: center;
+				font-size: 20rpx;
+				line-height: 30rpx;
+				border-radius: 15rpx 0 15rpx 0;
+				&-0 {
+					background-color: #ff5423;
+				}
+				&-1 {
+					background-color: #ffaa40;
+				}
+				&-2 {
+					background-color: #46aaff;
+				}
+				&-3 {
+					background-color: #7162ff;
+				}
+			}
+
+			.goods-img-view {
+				// width: 40%;
+				width: 100%;
+				height: 218rpx;
+				image {
+					width: 100%;
+					height: 218rpx;
+					// margin: auto;
+					display: inline-block;
+				}
+				// float: left;
+				// margin-right: 10rpx;
+			}
+			.goods-price-view {
+				width: 260rpx;
+				height: 40rpx;
+				font-size: 45rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 500;
+				color: #ff495d;
+				line-height: 40rpx;
+				float: left;
+				margin: 26rpx 0;
+				display: block;
+				.rmb {
+					font-size: 28rpx;
+				}
+			}
+			.goods-name {
+				// width: 58%;
+				// font-size: 32rpx;
+				// font-family: PingFangSC-Medium, PingFang SC;
+				// font-weight: 500;
+				// color: #171a20;
+				// line-height: 50rpx;
+				// overflow: hidden;
+				// text-overflow: ellipsis;
+				font-size: 20rpx;
+				padding: 5rpx 20rpx 0;
+			}
+		}
+	}
+	.record-view {
+		.title {
+			padding: 0 30rpx;
+			margin: 30rpx 0 22rpx;
+			.title-left {
+				font-size: 34rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: 500;
+				color: #171a20;
+				line-height: 48rpx;
+			}
+			.title-right {
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #7a808d;
+				line-height: 34rpx;
+				.rule-box {
+					width: 24rpx;
+					height: 24rpx;
+					margin-left: 6rpx;
+				}
+			}
+		}
+		.record-list-view {
+			.record-item {
+				margin: 20rpx auto 0;
+				width: 690rpx;
+				height: 180rpx;
+				background: #ffffff;
+				border-radius: 16rpx;
+				padding: 12rpx 0 10rpx 18rpx;
+				.goods-img-view {
+					width: 158rpx;
+					height: 158rpx;
+				}
+				.record-item-right {
+					flex: 1;
+					margin-left: 22rpx;
+					line-height: 42rpx;
+					.goods-name-view {
+						justify-content: flex-start;
+						font-size: 24rpx;
+						font-family: PingFangSC-Medium, PingFang SC;
+						font-weight: 500;
+						color: #171a20;
+						.username,
+						.goods-name {
+							color: #0091ff;
+						}
+						.goods-name {
+							display: inline-block;
+							width: 200rpx;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+						}
+						.txt {
+							display: inline-block;
+							margin: 0 8rpx;
+						}
+					}
+					.goods-price-view {
+						font-size: 24rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #ff495d;
+					}
+					.goods-time-view {
+						font-size: 24rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #7a808d;
+					}
+				}
+			}
+		}
+	}
+}
+.record-view {
+	.title {
+		padding: 0 30rpx;
+		margin: 30rpx 0 22rpx;
+		.title-left {
+			font-size: 34rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #171a20;
+			line-height: 48rpx;
+		}
+		.title-right {
+			font-size: 24rpx;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: 400;
+			color: #7a808d;
+			line-height: 34rpx;
+			.rule-box {
+				width: 24rpx;
+				height: 24rpx;
+				margin-left: 6rpx;
+			}
+		}
+	}
+	.record-list-view {
+		.record-item {
+			margin: 20rpx auto 0;
+			width: 690rpx;
+			height: 180rpx;
+			background: #ffffff;
+			border-radius: 16rpx;
+			padding: 12rpx 0 10rpx 18rpx;
+			.goods-img-view {
+				width: 158rpx;
+				height: 158rpx;
+			}
+			.record-item-right {
+				flex: 1;
+				margin-left: 22rpx;
+				line-height: 42rpx;
+				.goods-name-view {
+					justify-content: flex-start;
+					font-size: 24rpx;
+					font-family: PingFangSC-Medium, PingFang SC;
+					font-weight: 500;
+					color: #171a20;
+					.username,
+					.goods-name {
+						color: #0091ff;
+					}
+					.goods-name {
+						display: inline-block;
+						width: 200rpx;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+					.txt {
+						display: inline-block;
+						margin: 0 8rpx;
+					}
+				}
+				.goods-price-view {
+					font-size: 24rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #ff495d;
+				}
+				.goods-time-view {
+					font-size: 24rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #7a808d;
+				}
+			}
+		}
+	}
+}
+.regulation {
+	width: 650rpx;
+	height: 900rpx;
+	padding: 0 0 0 30rpx;
+	background: #ffffff;
+	border-radius: 20rpx;
+	position: relative;
+	.regulation_close {
+		position: absolute;
+		width: 44rpx;
+		height: 44rpx;
+		top: 30rpx;
+		right: 30rpx;
+	}
+	.regulation_name {
+		padding: 40rpx 0;
+		text-align: center;
+		font-size: 30rpx;
+		font-weight: bold;
+	}
+	.scroll-view {
+		height: 735rpx;
+	}
+}
+.regulation {
+	.record-item {
+		margin: 20rpx auto 0;
+		width: 616rpx;
+		height: 180rpx;
+		background: #ffffff;
+		border-radius: 16rpx;
+		.goods-img-view {
+			width: 158rpx;
+			height: 158rpx;
+		}
+		.record-item-right {
+			flex: 1;
+			margin-left: 22rpx;
+			line-height: 42rpx;
+			.goods-name-view {
+				justify-content: flex-start;
+				font-size: 24rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: 500;
+				color: #171a20;
+				.username,
+				.goods-name {
+					color: #0091ff;
+				}
+				.goods-name {
+					display: inline-block;
+					width: 150rpx;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+				.txt {
+					display: inline-block;
+					margin: 0 8rpx;
+				}
+			}
+			.goods-price-view {
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ff495d;
+			}
+			.goods-time-view {
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #7a808d;
+			}
+		}
+	}
+}
+.buy-rule-view {
+	padding-bottom: 46rpx;
+	.title {
+		padding: 0 30rpx;
+		margin: 30rpx 0 22rpx;
+		.title-left {
+			font-size: 34rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #171a20;
+			line-height: 48rpx;
+		}
+	}
+
+	.box-view {
+		width: 690rpx;
+		margin: 0 auto;
+		background: #ffffff;
+		border-radius: 16rpx;
+		padding: 28rpx 0;
+		.rule-item {
+			.rule-title {
+				padding: 0 10rpx;
+				font-size: 28rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: 500;
+				color: #2e333f;
+			}
+			.rule-html {
+				padding: 0 26rpx;
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #7a808d;
+				line-height: 40rpx;
+				margin: 12rpx 0 24rpx;
+			}
+		}
+	}
+}
+.center-btn uni-text {
+	-webkit-animation-name: living; /*关键帧名称*/
+	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
+	-webkit-animation-iteration-count: infinite; /*动画播放的次数*/
+	-webkit-animation-duration: 5s; /*动画所花费的时间*/
+}
+//放大动画
+@keyframes living {
+	0% {
+		transform: scale(0.8);
+		opacity: 0.8;
+	}
+	50% {
+		transform: scale(1);
+		opacity: 1; /*圆形放大的同时，透明度逐渐减小为0*/
+	}
+	100% {
+		transform: scale(0.8);
+		opacity: 0.8;
+	}
+}
+// 动画
+@keyframes updown {
+	0% {
+		top: 0px;
+	}
+	50% {
+		top: 10px;
+	}
+	100% {
+		top: 0px;
+	}
+}
+// 动画
+@keyframes jt {
+	0% {
+		top: 0px;
+	}
+	50% {
+		top: 5px;
+	}
+	100% {
+		top: 0px;
+	}
+}
 </style>

pages/index/more.vue

@@ -1,22 +1,22 @@
 <!-- 盲盒商城 -->
 <template>
 	<view class="more">
-		<view class="banner"><image src="../../static/image/home/banner@2x.png" mode=""></image></view>
+		<view class="banner"><image src="https://www.chaomangdao.com/image/home/banner@2x.png" mode=""></image></view>
 		<view class="small">
 			<view class="small-item">
-				<view class="small-image"><image src="../../static/image/home/small1.png" mode=""></image></view>
+				<view class="small-image"><image src="https://www.chaomangdao.com/image/home/small1.png" mode=""></image></view>
 				<view class="small-font">新手帮助</view>
 			</view>
 			<view class="small-item" @click="navTo('/pages/me/recharge')">
-				<view class="small-image"><image src="../../static/image/home/small2.png" mode=""></image></view>
+				<view class="small-image"><image src="https://www.chaomangdao.com/image/home/small2.png" mode=""></image></view>
 				<view class="small-font">优惠充值</view>
 			</view>
 			<view class="small-item" @click="navTo('/pages/me/balance')">
-				<view class="small-image"><image src="../../static/image/home/small3.png" mode=""></image></view>
+				<view class="small-image"><image src="https://www.chaomangdao.com/image/home/small3.png" mode=""></image></view>
 				<view class="small-font">我的余额</view>
 			</view>
 			<view class="small-item" @click="navTo('/pages/tabbar/box')">
-				<view class="small-image"><image src="../../static/image/home/small4.png" mode=""></image></view>
+				<view class="small-image"><image src="https://www.chaomangdao.com/image/home/small4.png" mode=""></image></view>
 				<view class="small-font">我的盒柜</view>
 			</view>
 		</view>
@@ -35,12 +35,12 @@
 				<view class="home_recommend_li_main">
 					<view class="home_recommend_li_name">{{ item.box_name }}</view>
 					<view class="home_recommend_li_glod flex">
-						<image src="../../static/image/home/gold.png" mode=""></image>
+						<image src="https://www.chaomangdao.com/image/home/gold.png" mode=""></image>
 						<view class="home_recommend_li_glod_font">{{ item.coin_price }}金币</view>
 					</view>
 					<view class="home_recommend_li_price">
 						<view class="home_recommend_li_price_icon">
-							<view class="home_recommend_li_price_icon_bg"><image src="../../static/image/home/bdbz.png" mode=""></image></view>
+							<view class="home_recommend_li_price_icon_bg"><image src="https://www.chaomangdao.com/image/home/bdbz.png" mode=""></image></view>
 							<view class="home_recommend_li_price_icon_font">保底必中</view>
 						</view>
 						<view class="home_recommend_li_price_font">{{ item.price_min }}元~{{ item.price_max }}元</view>

pages/index/search.vue

@@ -2,7 +2,7 @@
 	<view class="search">
 		<view class="search_head flexs">
 			<view class="search_head_ipt flexs">
-				<image src="/static/image/home/sousuo@2x.png" mode=""></image>
+				<image src="https://www.chaomangdao.com/image/home/sousuo@2x.png" mode=""></image>
 				<input type="text" @confirm="search" v-model="keyword" placeholder="关键词搜索" placeholder-style="color:#999999" />
 			</view>
 			<view class="search_head_cancel center" @click="cancelKeyword">取消</view>

pages/login/wxLogin.vue

@@ -3,7 +3,7 @@
 		<!-- #ifndef H5 -->
 		<!-- <image class="bg-img" :src="baseURL+urlFile+'/img/img09.png'" mode=" scaleToFill"></image> -->
 		<view class="logo-img-box">
-			<image class="logo-img" src="../../static/img/logo.png" mode=" aspectFit"></image>
+			<image class="logo-img" src="https://www.chaomangdao.com/image/logo.png" mode=" aspectFit"></image>
 			<button class="userInfo" type="warn" @click="isclick ? '' : userInfoData()" :class="{ nocaction: isclick }">
 				<text class="iconfont iconweixin"></text>
 				<text>微信授权登录</text>
@@ -177,7 +177,7 @@ page,
 	height: 100%;
 }
 .logo-img {
-	background: #000;
+	// background: #000;
 	margin-top: 20vh;
 	margin-left: 176rpx;
 	width: 385rpx;
@@ -186,9 +186,9 @@ page,
 .userInfo {
 	margin: 0 100rpx;
 	margin-top: 50rpx;
-	color: #ffffff;
+	color: #3374ff;
 	border-radius: 99rpx;
-	background-color: #999 !important;
+	background-color: #6bc6fe !important;
 }
 .nocaction {
 	background-color: #999;

pages/me/addSite.vue

@@ -1,7 +1,8 @@
 <template>
 	<view class="address">
 		<view class="address_head flex">
-			<image src="/static/image/publice/fanhui@2x.png" mode="" @click="retutnTop"></image>
+			<!-- <image src="/static/image/publice/fanhui@2x.png" mode="" @click="retutnTop"></image> -->
+			<image src="" mode="" @click="retutnTop"></image>
 			<text>{{ type == 0 ? '添加收货地址' : '修改收货地址' }}</text>
 			<image :src="type== 0 ? '' : '/static/image/me/shanchu@2x.png' " mode="" @click="delAddress"></image>
 		</view>

pages/me/applyFaHuo.vue

@@ -18,11 +18,9 @@
 		<view class="apply_main">
 			<view class="apply_main_name">订单信息</view>
 			<view class="apply_main_ul">
-				<view class="apply_main_li " v-for="(item,index) in applyList" :key="index">
+				<view class="apply_main_li " v-for="(item, index) in applyList" :key="index">
 					<view class="apply_main_li_box flexs">
-						<view class="apply_main_li_img">
-							<image :src="item.goods_image" mode="aspectFill"></image>
-						</view>
+						<view class="apply_main_li_img"><image :src="item.goods_image" mode="aspectFill"></image></view>
 						<view class="apply_main_li_main flex">
 							<view class="apply_main_li_name">{{ item.goods_name }}</view>
 							<view class="apply_main_li_time">开箱日期：{{ item.time }}</view>
@@ -45,13 +43,13 @@
 				</view>
 			</view>
 			<view class="deposit_main_ul">
-				<view class="deposit_main_li flex" v-for="(item,index) in payList" :key="index" @click="changePay(item.type)">
+				<view class="deposit_main_li flex" v-for="(item, index) in payList" :key="index" @click="changePay(item.type)">
 					<view class="deposit_main_img flexs">
 						<image :src="item.image" mode=""></image>
-						<text>{{ item.name }}{{ item.account ? '('+ item.account +')' : '' }}</text>
+						<text>{{ item.name }}{{ item.account ? '(' + item.account + ')' : '' }}</text>
 					</view>
 					<view class="deposit_main_li_select">
-						<image :src="item.type == payIndex ? '/static/image/publice/xuanzhong1@2x.png' : '/static/image/publice/weixuanzhong@2x.png'" mode=""></image>
+						<image :src="item.type == payIndex ? '../../static/image/publice/xuanzhong1@2x.png' : '../../static/image/publice/weixuanzhong@2x.png'" mode=""></image>
 					</view>
 				</view>
 			</view>
@@ -65,154 +63,150 @@
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				id:'',//回收ID
-				flag:true,//
-				totalPrice:'',
-				applyList:[],//回收列表
-				applyAddress:{},//收货地址
-				payIndex:1,//支付方式
-				payList:[
-					// {
-					// 	name:'微信支付',
-					// 	type:'0',
-					// 	account:'',
-					// 	image:'/static/image/me/weixin@2x.png'
-					// },
-					{
-						name:'支付宝支付',
-						type:'1',
-						account:'',
-						image:'/static/image/me/zhifubao@2x.png'
-					}
-				],//支付列表
-			};
-		},
-		methods:{
-			//申请发货
-			applySubmit () {
-				if (!this.applyAddress.address_id) return uni.showToast({title:'请选择地址',icon:'none'})
-				let ids = []
-				this.applyList.forEach(item=>{
-					ids.push(item.record_id)
-				})
-				if (!this.flag) return
-				this.flag = false
-				this.$api.applyDelivery({record_ids:ids.join(','),address_id:this.applyAddress.address_id}).then(res=>{
-					if (res.code === 1) {
-						
-						if(res.data.delivery_fee > 0){    
-							if (this.payIndex == 2) {
-								this.$http.post(res.data.wechat).then(res=>{
-									if (res.code === 1) {
-										WeixinJSBridge.invoke('getBrandWCPayRequest', {
-												"appId": res.data.appId,   //公众号ID，由商户传入    
-												"timeStamp": res.data.timeStamp,   //时间戳，自1970年以来的秒数    
-												"nonceStr": res.data.nonceStr,      //随机串    
-												"package": res.data.package,
-												"signType": res.data.signType,     //微信签名方式：    
-												"paySign": res.data.paySign //微信签名
+export default {
+	data() {
+		return {
+			id: '', //回收ID
+			flag: true, //
+			totalPrice: '',
+			applyList: [], //回收列表
+			applyAddress: {}, //收货地址
+			payIndex: 1, //支付方式
+			payList: [
+				{
+					name: '微信支付',
+					type: '0',
+					account: '',
+					image: '/static/image/me/weixin@2x.png'
+				}
+				// {
+				// 	name:'支付宝支付',
+				// 	type:'1',
+				// 	account:'',
+				// 	image:'/static/image/me/zhifubao@2x.png'
+				// }
+			] //支付列表
+		};
+	},
+	methods: {
+		//申请发货
+		applySubmit() {
+			if (!this.applyAddress.address_id) return uni.showToast({ title: '请选择地址', icon: 'none' });
+			let ids = [];
+			this.applyList.forEach(item => {
+				ids.push(item.record_id);
+			});
+			if (!this.flag) return;
+			this.flag = false;
+			this.$api.applyDelivery({ record_ids: ids.join(','), address_id: this.applyAddress.address_id }).then(res => {
+				if (res.code === 1) {
+					if (res.data.delivery_fee > 0) {
+						if (this.payIndex == 2) {
+							this.$http.post(res.data.wechat).then(res => {
+								if (res.code === 1) {
+									WeixinJSBridge.invoke(
+										'getBrandWCPayRequest',
+										{
+											appId: res.data.appId, //公众号ID，由商户传入
+											timeStamp: res.data.timeStamp, //时间戳，自1970年以来的秒数
+											nonceStr: res.data.nonceStr, //随机串
+											package: res.data.package,
+											signType: res.data.signType, //微信签名方式：
+											paySign: res.data.paySign //微信签名
 										},
 										function(res) {
-												if (res.err_msg == "get_brand_wcpay_request:ok") {
-													uni.showToast({title:'支付成功'})
-													setTimeout(()=>{
-														uni.redirectTo({url:'/pages/me/order?type=0'})
-													},800)
-													
-												}
-										});
-									} else if (res.code === 403) {
-										
-									}
-								})
-							} else {
-								location.href = res.data[this.payIndex == 0 ? 'wechat' : 'alipay'] + '?token=' + uni.getStorageSync('token')
-							}
-							
-						}else{
-							// 跳转到支付页面
-							uni.redirectTo({url:'/pages/me/order?type=0'})
-
+											if (res.err_msg == 'get_brand_wcpay_request:ok') {
+												uni.showToast({ title: '支付成功' });
+												setTimeout(() => {
+													uni.redirectTo({ url: '/pages/me/order?type=0' });
+												}, 800);
+											}
+										}
+									);
+								} else if (res.code === 403) {
+								}
+							});
+						} else {
+							location.href = res.data[this.payIndex == 0 ? 'wechat' : 'alipay'] + '?token=' + uni.getStorageSync('token');
 						}
-						
-						
-	
-						// uni.removeStorageSync('applyAddress')
-						// uni.showToast({title:res.msg})
-						// setTimeout(()=>{
-						// 	uni.navigateBack()
-						// },800)
 					} else {
-						this.flag = true
+						// 跳转到支付页面
+						uni.redirectTo({ url: '/pages/me/order?type=0' });
 					}
-				})
-			},
-			//去选择地址
-			selectAddress () {
-				uni.navigateTo({url:'/pages/me/address?type=1'})
-			},
-			//获取回收信息
-			getApply () {
-				this.$api.checkDeliveryInfo({record_ids:this.id}).then(res=>{
-					if (res.code === 1) {
-						this.applyList = res.data.order_info
-						this.totalPrice = res.data.total_delivery_fee
-					}
-				})
-			},
-			//获取默认地址
-			getAddress () {
-				this.$api.myAddress({is_default:1}).then(res=>{
-					if (res.code === 1) {
-						if (res.data.length != 0) {
-							this.applyAddress = res.data[0]
-						}
-					}
-				})
-			},
-			changePay (index) {
-				this.payIndex = index
-			},
+
+					// uni.removeStorageSync('applyAddress')
+					// uni.showToast({title:res.msg})
+					// setTimeout(()=>{
+					// 	uni.navigateBack()
+					// },800)
+				} else {
+					this.flag = true;
+				}
+			});
 		},
-		onShow() {
-			if (uni.getStorageSync('applyAddress')) {
-				this.applyAddress = JSON.parse(uni.getStorageSync('applyAddress'))
-			} else {
-				this.getAddress()
-			}
+		//去选择地址
+		selectAddress() {
+			uni.navigateTo({ url: '/pages/me/address?type=1' });
+		},
+		//获取回收信息
+		getApply() {
+			this.$api.checkDeliveryInfo({ record_ids: this.id }).then(res => {
+				if (res.code === 1) {
+					this.applyList = res.data.order_info;
+					this.totalPrice = res.data.total_delivery_fee;
+				}
+			});
 		},
-		onLoad ({id}) {
-			this.id = id
-			this.getApply()
+		//获取默认地址
+		getAddress() {
+			this.$api.myAddress({ is_default: 1 }).then(res => {
+				if (res.code === 1) {
+					if (res.data.length != 0) {
+						this.applyAddress = res.data[0];
+					}
+				}
+			});
+		},
+		changePay(index) {
+			this.payIndex = index;
+		}
+	},
+	onShow() {
+		if (uni.getStorageSync('applyAddress')) {
+			this.applyAddress = JSON.parse(uni.getStorageSync('applyAddress'));
+		} else {
+			this.getAddress();
 		}
+	},
+	onLoad({ id }) {
+		this.id = id;
+		this.getApply();
 	}
+};
 </script>
 
 <style lang="scss">
-	.deposit_main_ul {
-		margin-top: 20rpx;
-		background: #FFFFFF;
-		.deposit_main_li {
-			padding: 30rpx 20rpx;
-			.deposit_main_img {
-				image {
-					width: 50rpx;
-					height: 50rpx;
-					margin-right: 20rpx;
-				}
-				text {
-					font-size: 28rpx;
-				}
+.deposit_main_ul {
+	margin-top: 20rpx;
+	background: #ffffff;
+	.deposit_main_li {
+		padding: 30rpx 20rpx;
+		.deposit_main_img {
+			image {
+				width: 50rpx;
+				height: 50rpx;
+				margin-right: 20rpx;
 			}
-			.deposit_main_li_select {
-				width: 32rpx;
-				height: 32rpx;
+			text {
+				font-size: 28rpx;
 			}
 		}
+		.deposit_main_li_select {
+			width: 32rpx;
+			height: 32rpx;
+		}
 	}
+}
 .apply {
 	padding: 0 30rpx;
 	padding-bottom: 60rpx;
@@ -224,7 +218,7 @@
 	.apply_head_ipt {
 		padding: 30rpx;
 		border-radius: 10rpx;
-		background: #FFFFFF;
+		background: #ffffff;
 		input {
 			font-size: 28rpx;
 		}
@@ -258,90 +252,89 @@
 	font-size: 28rpx;
 	font-weight: bold;
 	padding: 30rpx 0 20rpx 0;
-	
 }
 .apply_main {
 	padding-bottom: 98rpx;
 }
 .apply_main_li {
-		margin-bottom: 20rpx;
-		&:last-child {
-			margin-bottom: 0;
-		}
-		.apply_main_li_box {
-			padding: 30rpx;
-			background: #FFFFFF;
-		}
-		border-radius: 20rpx;
-		.apply_main_li_img {
-			width: 168rpx;
-			height: 168rpx;
-			image {
-				border-radius: 10rpx;
-			}
-			margin-right: 20rpx;
-		}
-		.apply_main_li_main {
-			height: 168rpx;
-			align-items: flex-start;
-			flex-direction: column;
-		}
-		.apply_main_li_name {
-			font-size: 28rpx;
-			line-height: 36rpx;
-		}
-		.apply_main_li_time {
-			color: #999999;
-		}
+	margin-bottom: 20rpx;
+	&:last-child {
+		margin-bottom: 0;
 	}
-	.apply_order {
-		padding: 0 30rpx 0 20rpx ;
-		border-radius: 10rpx;
-		background: #FFFFFF;
-		margin-top: 20rpx;
-		.apply_order_li {
-			padding: 30rpx 0;
-			text {
-				font-size: 26rpx;
-				&:last-child {
-					color: #999999;
-				}
-			}
-			.red {
-				color: #CF271B !important;
-			}
+	.apply_main_li_box {
+		padding: 30rpx;
+		background: #ffffff;
+	}
+	border-radius: 20rpx;
+	.apply_main_li_img {
+		width: 168rpx;
+		height: 168rpx;
+		image {
+			border-radius: 10rpx;
 		}
+		margin-right: 20rpx;
 	}
-	.apply_btn {
-		color: #333333;
-		font-size: 30rpx;
-		font-weight: bold;
-		height: 98rpx;
-		margin-top: 212rpx;
-		background: #FFFFFF;
-		box-shadow: 0rpx 0rpx 121rpx 0rpx rgba(63, 52, 2, 0.12);
-		border-radius: 10rpx;
+	.apply_main_li_main {
+		height: 168rpx;
+		align-items: flex-start;
+		flex-direction: column;
 	}
-	.apply_footer {
-		width: 100%;
-		left: 0;
-		bottom: 0;
-		
-		height: 98rpx;
-		
-		position: fixed;
-	
-		padding-left: 30rpx;
-		background: #FFFFFF;
-		.apply_footer_total {
-			font-size: 28rpx;
+	.apply_main_li_name {
+		font-size: 28rpx;
+		line-height: 36rpx;
+	}
+	.apply_main_li_time {
+		color: #999999;
+	}
+}
+.apply_order {
+	padding: 0 30rpx 0 20rpx;
+	border-radius: 10rpx;
+	background: #ffffff;
+	margin-top: 20rpx;
+	.apply_order_li {
+		padding: 30rpx 0;
+		text {
+			font-size: 26rpx;
+			&:last-child {
+				color: #999999;
+			}
 		}
-		.apply_footer_btn {
-			width: 280rpx;
-			height: 100%;
-			color: #FFFFFF;
-			font-size: 28rpx;
-			background: -webkit-linear-gradient(0deg, #89f7fe 0%, #66a6ff 100%);
+		.red {
+			color: #cf271b !important;
 		}
 	}
+}
+.apply_btn {
+	color: #333333;
+	font-size: 30rpx;
+	font-weight: bold;
+	height: 98rpx;
+	margin-top: 212rpx;
+	background: #ffffff;
+	box-shadow: 0rpx 0rpx 121rpx 0rpx rgba(63, 52, 2, 0.12);
+	border-radius: 10rpx;
+}
+.apply_footer {
+	width: 100%;
+	left: 0;
+	bottom: 0;
+
+	height: 98rpx;
+
+	position: fixed;
+
+	padding-left: 30rpx;
+	background: #ffffff;
+	.apply_footer_total {
+		font-size: 28rpx;
+	}
+	.apply_footer_btn {
+		width: 280rpx;
+		height: 100%;
+		color: #ffffff;
+		font-size: 28rpx;
+		background: -webkit-linear-gradient(0deg, #89f7fe 0%, #66a6ff 100%);
+	}
+}
 </style>

pages/me/balance.vue

@@ -96,7 +96,7 @@ export default {
 		.balance_head_bj {
 			height: 220rpx;
 			margin-bottom: 30rpx;
-			background: url(https://chaomd.liuniu946.com/image/yuebeijing@2x.png) no-repeat;
+			background: url(https://www.chaomangdao.com/image/yuebeijing@2x.png) no-repeat;
 			background-size: cover;
 			flex-direction: column;
 			text {

pages/me/recharge.vue

@@ -2,26 +2,29 @@
 	<view class="recharge">
 		<view class="recharge_head">
 			<view class="czbj">
-				<view class="czbj-img">
-					<image src="../../static/image/me/czbj.jpg"></image>
-				</view>
+				<view class="czbj-img"><image src="https://www.chaomangdao.com/image/me/czbj.jpg"></image></view>
 				<view class="czbj-text">
 					<text>当前金币</text>
-					<span>{{capital.coin}}</span>
-				</view>
-				<a href="/h5/static/image/me/czsp.mp4">
-				<view class="czbj-czjc">
-					<text>充值教程</text>
-					<span></span>
+					<span>{{ capital.coin }}</span>
 				</view>
+				<!-- #ifndef MP -->
+				<a href="https://www.chaomangdao.com/image/me/czsp.mp4">
+					<view class="czbj-czjc">
+						<text>充值教程</text>
+						<span></span>
+					</view>
 				</a>
+				<!-- #endif -->
 			</view>
 			<view class="recharge_head_txt flex">
 				<text>选择充值金额</text>
-				<text>实际到账金币：<span class="real-coin">{{ realCoin }}</span></text>
+				<text>
+					实际到账金币：
+					<text class="real-coin">{{ realCoin }}</text>
+				</text>
 			</view>
 			<view class="recharge_head_ul flexs">
-				<view class="recharge_head_li center" :class="{active:index == i}" @click="changeI(index)" v-for="(item,index) in rechargeList" :key="index">
+				<view class="recharge_head_li center" :class="{ active: index == i }" @click="changeI(index)" v-for="(item, index) in rechargeList" :key="index">
 					<text>￥</text>
 					<text>{{ item.coin }}</text>
 				</view>
@@ -30,7 +33,7 @@
 		<view class="deposit_main">
 			<view class="deposit_main_name">选择支付方式</view>
 			<view class="deposit_main_ul">
-				<view class="deposit_main_li flex" v-for="(item,index) in payList" :key="index" @click="changePay(item.type)">
+				<view class="deposit_main_li flex" v-for="(item, index) in payList" :key="index" @click="changePay(item.type)">
 					<view class="deposit_main_img flexs">
 						<image :src="item.image" mode=""></image>
 						<text>{{ item.name }}</text>
@@ -47,30 +50,30 @@
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				capital: {
-					box: 0,
-					coin: 0
-				},
-				i:0,//选择金额
-				message:'',
-				tips:'',
-				payIndex:1,//支付方式
-				rechargeList:[],//
-				bili: 0,//充值比例
-				payList:[
-					 {
-					 	name:'微信支付',
-					 	type:'0',
-					 	image:'/static/image/me/weixin@2x.png'
-					 },
-					{
-						name:'支付宝支付',
-						type:'1',
-						image:'/static/image/me/zhifubao@2x.png'
-					},
+export default {
+	data() {
+		return {
+			capital: {
+				box: 0,
+				coin: 0
+			},
+			i: 0, //选择金额
+			message: '',
+			tips: '',
+			payIndex: 1, //支付方式
+			rechargeList: [], //
+			bili: 0, //充值比例
+			payList: [
+				{
+					name: '微信支付',
+					type: '0',
+					image: '/static/image/me/weixin@2x.png'
+				}
+				// {
+				// 	name:'支付宝支付',
+				// 	type:'1',
+				// 	image:'/static/image/me/zhifubao@2x.png'
+				// },
 				/*	{
 						name:'普通支付',
 						type:'2',
@@ -78,145 +81,125 @@
 					},
 					
 					*/
-					
-					// {
-					// 	name:'卡密充值',
-					// 	type:'3',
-					// 	image:'/static/image/me/kmcz.png'
-					// },
-					// {
-					// 	name:'人工充值',
-					// 	type:'4',
-					// 	image:'/static/image/me/rgcz.png'
-					// },
-				],//支付列表
-			};
-		},
-		computed:{
-			realCoin(){
-				if(!this.rechargeList || this.rechargeList.length < 1){
-					return 0
-				}
-				let recharge = this.rechargeList[this.i]
-				return recharge.rmb * this.bili
+
+				// {
+				// 	name:'卡密充值',
+				// 	type:'3',
+				// 	image:'/static/image/me/kmcz.png'
+				// },
+				// {
+				// 	name:'人工充值',
+				// 	type:'4',
+				// 	image:'/static/image/me/rgcz.png'
+				// },
+			] //支付列表
+		};
+	},
+	computed: {
+		realCoin() {
+			if (!this.rechargeList || this.rechargeList.length < 1) {
+				return 0;
 			}
-		},
-		created(){
-			this.$api.getUserCapital().then(({code, data}) => {
-				if(code == 1){
-					this.capital = data
+			let recharge = this.rechargeList[this.i];
+			console.log(recharge.rmb * this.bili * 1, '123456');
+			return recharge.rmb * (this.bili * 1);
+		}
+	},
+	created() {
+		this.$api.getUserCapital().then(({ code, data }) => {
+			if (code == 1) {
+				this.capital = data;
+			}
+		});
+		//渲染分类列表
+		// this.getCategoryList();
+	},
+	methods: {
+		//提交支付
+		submitPay() {
+			if (this.payIndex == 3) {
+				//充值卡密
+				this.rechargePassword();
+				return;
+			}
+			if (this.payIndex == 4) {
+				//人工充值
+				this.rengong();
+				return;
+			}
+			this.$api.createRechargeOrder({ amount: this.rechargeList[this.i].coin }).then(res => {
+				if (res.code === 1) {
+					console.log(this.payIndex, '1111');
+					if (this.payIndex == 0) {
+						// #ifdef MP
+						this.$http.post(res.data.wechat).then(res => {
+							let da = res.jsConfig;
+							let data = {
+								// #ifdef MP
+								timeStamp: da.timeStamp,
+								// #endif
+								nonceStr: da.nonceStr,
+								package: da.package,
+								signType: da.signType,
+								paySign: da.paySign,
+								success: function(res) {
+									uni.showToast({ title: '支付成功' });
+									setTimeout(() => {
+										uni.redirectTo({ url: '/pages/me/wallet' });
+									}, 800);
+								},
+								fail: () => {
+									uni.showToast({ title: '支付失败' });
+								}
+							};
+							console.log(data);
+							wx.requestPayment(data);
+						});
+						// #endif
+					}
 				}
-			})
-			//渲染分类列表
-			this.getCategoryList()
+			});
 		},
-		methods:{
-			//提交支付
-			submitPay () {
-				if(this.payIndex == 3){
-					//充值卡密
-					this.rechargePassword()
-					return
-				}
-				if(this.payIndex == 4){
-					//人工充值
-					this.rengong()
-					return
+		//选择金额
+		changeI(index) {
+			this.i = index;
+		},
+		//切换支付方式
+		changePay(index) {
+			this.payIndex = index;
+		},
+		//获取充值列表
+		getRechargeList() {
+			this.$api.rechargeList().then(res => {
+				if (res.code === 1) {
+					this.tips = res.data.tips;
+					this.message = res.data.notice;
+					this.rechargeList = res.data.list;
+					this.bili = res.data.bili;
 				}
-				this.$api.createRechargeOrder({amount:this.rechargeList[this.i].coin}).then(res=>{
-					if (res.code === 1) {
-						if (this.payIndex == 2) {
-							this.$http.post(res.data.wechat).then(res=>{
-								if (res.code === 1) {
-									WeixinJSBridge.invoke('getBrandWCPayRequest', {
-											"appId": res.data.appId,   //公众号ID，由商户传入    
-											"timeStamp": res.data.timeStamp,   //时间戳，自1970年以来的秒数    
-											"nonceStr": res.data.nonceStr,      //随机串    
-											"package": res.data.package,
-											"signType": res.data.signType,     //微信签名方式：    
-											"paySign": res.data.paySign //微信签名
-									},
-									function(res) {
-											if (res.err_msg == "get_brand_wcpay_request:ok") {
-												uni.showToast({title:'支付成功'})
-												setTimeout(()=>{
-													uni.redirectTo({url:'/pages/me/wallet'})
-												},800)
-												
-											}
-									});
-								} else if (res.code === 403) {
-									
-								}
-							})
-						} else {
-							
-							var fs='wechat';
-							if(this.payIndex==0){
-									fs='wechat';
-							}
-							else if (this.payIndex==1) {
-									fs='alipay';
-								
-							}
-							else if (this.payIndex==2) 
-							{
-								
-								fs='eepay';	
-							}
-							
-							else {
-									fs='wechat';
-								
-							}
-							
-							
-							location.href = res.data[fs]+'?token=' + uni.getStorageSync('token') //res.data[this.payIndex == 0 ? 'wechat' : 'alipay'] + '?token=' + uni.getStorageSync('token') 
-						}
-						 
-					}
-				})
-			},
-			//选择金额
-			changeI (index) {
-				this.i = index
-			},
-			//切换支付方式
-			changePay (index) {
-				this.payIndex = index
-			},
-			//获取充值列表
-			getRechargeList () {
-				this.$api.rechargeList().then(res=>{
-					if (res.code === 1) {
-						this.tips = res.data.tips
-						this.message = res.data.notice
-						this.rechargeList = res.data.list
-						this.bili = res.data.bili
-					}
-				})
-			},
-			//卡密充值跳转
-			rechargePassword () {
-				uni.navigateTo({
-					url: "/pages/me/passwordRecharge/passwordRecharge"
-				})
-			},
-			//人工充值跳转
-			rengong () {
-				uni.navigateTo({
-					url: "/pagesB/pages/server"
-				})
-			}
+			});
 		},
-		onLoad() {
-			this.getRechargeList()
+		//卡密充值跳转
+		rechargePassword() {
+			uni.navigateTo({
+				url: '/pages/me/passwordRecharge/passwordRecharge'
+			});
+		},
+		//人工充值跳转
+		rengong() {
+			uni.navigateTo({
+				url: '/pagesB/pages/server'
+			});
 		}
+	},
+	onLoad() {
+		this.getRechargeList();
 	}
+};
 </script>
 
 <style lang="scss">
-.czbj{
+.czbj {
 	margin-top: 1%;
 	overflow: hidden;
 	width: 100%;
@@ -224,28 +207,28 @@
 	box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 20px 0px;
 	border-radius: 32rpx;
 }
-.czbj .czbj-img{
+.czbj .czbj-img {
 	height: 175rpx;
 	width: 100%;
 	position: relative;
-		uin-image{
-			width: 100%;
-			height: 100%;
-		}
+	uin-image {
+		width: 100%;
+		height: 100%;
+	}
 }
-.czbj .czbj-text{
+.czbj .czbj-text {
 	position: absolute;
 	width: 100%;
 	height: 175rpx;
 	left: 0;
 	top: 0;
 	padding: 30rpx 65rpx;
-	uni-text{
+	uni-text {
 		font-size: 32rpx;
 		color: #fff;
 		display: block;
 	}
-	span{
+	span {
 		font-size: 46rpx;
 		font-weight: bold;
 		color: #fff;
@@ -253,9 +236,9 @@
 		margin-top: 20rpx;
 	}
 }
-.czbj .czbj-czjc{
+.czbj .czbj-czjc {
 	padding: 11px 15px;
-	span{
+	span {
 		width: 29px;
 		height: 29px;
 		float: right;
@@ -263,7 +246,7 @@
 		display: block;
 		background-size: 100% 100%;
 	}
-	uni-text{
+	uni-text {
 		font-weight: 600;
 		line-height: 48rpx;
 	}
@@ -283,11 +266,11 @@
 				&:last-child {
 					color: #999999;
 				}
-			}
-			.real-coin{
-				color: #ff0000;
-				font-size: 32rpx;
-				font-weight: bold;
+				.real-coin {
+					color: #ff0000;
+					font-size: 32rpx;
+					font-weight: bold;
+				}
 			}
 		}
 	}
@@ -297,8 +280,8 @@
 			margin: 0 24rpx 20rpx 0;
 			width: 214rpx;
 			height: 160rpx;
-			background: #FFFFFF;
-			border: 2rpx solid #EBEBEB;
+			background: #ffffff;
+			border: 2rpx solid #ebebeb;
 			border-radius: 10rpx;
 			&:nth-child(3n) {
 				margin-right: 0;
@@ -324,7 +307,7 @@
 		padding: 10rpx 0 30rpx 10rpx;
 	}
 	.deposit_main_ul {
-		background: #FFFFFF;
+		background: #ffffff;
 		.deposit_main_li {
 			padding: 30rpx 20rpx;
 			border: 1px solid #66a6ff;
@@ -356,15 +339,15 @@
 	*/
 	width: 690rpx;
 	bottom: 34rpx;
-	
+
 	color: #fff;
-	
+
 	height: 88rpx;
 	background: -webkit-linear-gradient(0deg, #89f7fe 0%, #66a6ff 100%);
 	box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(220, 220, 220, 0.2);
 	border-radius: 8rpx;
 }
-.password_btn{
+.password_btn {
 	height: 44px;
 }
 </style>

pages/me/shaitu.vue

@@ -1,10 +1,10 @@
 <template>
 	<view class="shaitu">
-		<view class="shaitu_head flex">
+		<!-- <view class="shaitu_head flex">
 			<image src="/static/image/publice/fanhui@2x.png" mode="" @click="retutnTop"></image>
 			<text>提交晒图</text>
 			<view></view>
-		</view>
+		</view> -->
 		<view class="shaitu_ul">
 			<view class="shaitu_li">
 				<view class="shaitu_name">描述</view>

pages/me/wallet.vue

@@ -68,7 +68,7 @@ export default {
 .wallet_head {
 	height: 220rpx;
 	margin-bottom: 60rpx;
-	background: url(https://chaomd.liuniu946.com/image/yuebeijing@2x.png) no-repeat;
+	background: url(https://www.chaomangdao.com/image/yuebeijing@2x.png) no-repeat;
 	background-size: cover;
 	padding: 30rpx 30rpx 30rpx 40rpx;
 	.wallet_head_txt {

pages/tabbar/box.vue

@@ -1,437 +1,453 @@
-<template>
-	<view class="box">
-		<view class="box_head flexs">
-			<!-- 修改 in 2 改成 in 3 标题名调用titleName方法 -->
-			<view class="box_head_li center" @click="changeIndex(index)" v-for="(item,index) in 3" :class="{active:index == i}" :key="index">{{ titleName(index) }}</view>
-		</view>
-		<!-- 修改 -->
-		<view class="box_ul">
-			<!-- 待提货 已回列表 -->
-			<template v-if="i < 2">
-				<view class="box_ul_li" v-for="(item,index) in boxList" :key="index"  @click="item.flag = !item.flag">
-					<image class="an" v-if="i == 0" :src="item.flag ? '/static/image/publice/xuanzhong1@2x.png' : '/static/image/me/weixuanzhong@2x.png'" mode=""></image>
-					<view class="box_ul_li_img">
-						<image :src="item.goods_image" mode="aspectFill"></image>
-					</view>
-					<view class="box_ul_li_main">
-						<view class="box_ul_li_name">
-							<!-- 修改 -->
-							<text>{{ item.goods_name }}</text>
-						</view>
-						<view class="box_ul_li_price">
-							<view class="khj">开盒价：<text>{{ item.box_coin_price }}金币</text></view>
-							<view class="xsj">销售价：<text>{{ item.goods_coin_price }}金币</text></view>
-							<view class="hsj">回收价：<text>{{ item.goods_hui_price }}金币</text></view>
-						</view>
-					</view>
-					<view class="box_ul_li_time">
-						<!-- 修改 -->
-						<text>时间：{{ item.time }}</text>
-						<!-- 新增 -->
-						<view v-if="i == 0" class="item-btn center" @click.stop="donationOpen(item)"> 一键转赠 </view>
-					</view>
-				</view>
-			</template>
-			<!-- 新增 转赠列表 -->
-			<template v-else>
-				<view class="box_ul_li flexs" v-for="(item,index) in donationList" :key="'donation-' + index"  @click="item.flag = !item.flag">
-					<view class="box_ul_li_img">
-						<image :src="item.zzimage" mode="aspectFill"></image>
-					</view>
-					<view class="box_ul_li_main">
-						<view class="box_ul_li_name">
-							<!-- 修改 -->
-							<text>{{ item.boxgoods }}</text>
-						</view>
-						<view class="box_ul_li_price flex">
-							<view class="box_ul_li_time">时间：{{ item.zhuanztime }}</view>
-							<text style="text-align: right;">已转赠</text>
-						</view>
-						<view class="box_ul_li_time">受赠人：{{ item.szuser }}</view>
-					</view>
-				</view>
-			</template>
-		</view>
-		<view class="box_footer flex" v-if="i == 0">
-			<view class="box_footer_all flexs">
-				<image @click="changeAll" :src="isAll ? '/static/image/publice/xuanzhong1@2x.png' : '/static/image/me/weixuanzhong@2x.png'" mode=""></image>
-				<text>全选({{ totalNumber }})</text>
-			</view>
-			<view class="box_footer_ul flexs">
-				<view class="box_footer_li center" v-for="(items,index) in 2" :key="index" @click="apply(index)"> {{ index == 0 ? '一键回收' : '申请发货' }} </view>
-			</view>
-		</view>
-		<!-- 新增 转赠窗口 -->
-		<uni-popup ref="donation">
-			<view class="donation">
-				<view class="title">请输入您转赠人的手机号</view>
-				<view class="input-container">
-					<input v-model="donationPhone" type="number" placeholder="请输入转赠人注册手机号"/>
-				</view>
-				<view class="tip">注：一旦转赠成功不可退货，请谨慎操作</view>
-				<view class="donation-btns">
-					<view class="box_footer_li center" @click="$refs.donation.close()"> 取消 </view>
-					<view class="box_footer_li center" @click="donation()"> 确定 </view>
-				</view>
-			</view>
-		</uni-popup>
-		<recycle ref="recycle"></recycle>
-	</view>
-</template>
-
-<script>
-	import recycle from "@/components/recycle.vue"
-	export default {
-		components: {
-			recycle
-		},
-		data() {
-			return {
-				i:0,//
-				page:1,
-				isAll:false,//
-				pages:null,//
-				totalNumber:0,//总数量
-				boxList:[],//盒子列表
-				donationList:[],//转赠列表
-				recordId: null,//转赠商品id
-				donationPhone: null//转赠人手机号
-			};
-		},
-		watch:{
-			boxList:{
-				handler(val){
-					let totalNumber = 0
-					
-					this.isAll = val.every(item=>item.flag)
-					if (val.length == 0) this.isAll = false
-					val.forEach(item=>{
-						if (item.flag) {
-							totalNumber++
-						}
-					})
-					this.totalNumber = totalNumber
-				},
-				deep:true //true 深度监听
-			}
-		},
-		methods:{
-			// 新增 标题名称 
-			titleName(index){
-				switch(index){
-					case 0: return "待提货"
-					case 1: return "已回收"
-					case 2: return "已转赠"
-				}
-			},
-			//申请发货
-			apply (index) {
-				if (!this.boxList.some(item=>item.flag)) return uni.showToast({title:'请勾选要' +( index == 0 ? '回收' : '发货') +  '的商品',icon:'none'})
-				let ids = []
-				this.boxList.forEach(item=>{
-					if (item.flag) {
-						ids.push(item.record_id)
-					}
-				})
-				if (index == 0) {
-					uni.showModal({
-						cancelText: "取消",
-						confirmText: "确认",
-						title: "一键回收",
-						content: "是否确认一键回收？",
-						success: res => {
-							if(res.confirm){
-								this.$api.exchange({record_ids:ids.join(',')}).then(res=>{
-									if (res.code === 1) {
-										uni.showToast({title:res.msg})
-										this.page = 1
-										this.getMyBox()
-										this.$refs['recycle'].open(res.data)
-									}
-								})
-							}
-						}
-					})
-				} else {
-					uni.navigateTo({url:'/pages/me/applyFaHuo?id=' + ids.join(',')})
-				}
-			},
-			//全选
-			changeAll () {
-				this.isAll = !this.isAll
-				this.boxList.forEach(item=>{
-					item.flag = this.isAll
-				})
-			},
-			changeIndex (index) {
-				this.i = index
-				this.page = 1
-				this.boxList = []
-				this.getMyBox()
-			},
-			//获取我的盒柜
-			getMyBox () {
-				// 新增 获取已转赠
-				if(this.i == 2){
-					this.$api.echargezs({msg:'数据加载中'}).then( res => {
-						this.donationList = res.data
-					})
-					return
-				}
-				this.$api.myBox({status:this.i + 1,page:this.page,msg:'数据加载中'}).then(res=>{
-					if (res.code === 1) {
-						res.data.data.forEach(item=>{
-							item.flag = false
-						})
-						this.pages = res.data.last_page
-						this.boxList = this.page == 1 ? res.data.data : [...this.boxList,...res.data.data]
-					}
-				})
-			},
-			// 新增 打开转赠窗口
-			donationOpen (item) {
-				this.recordId = item.record_id
-				this.$refs.donation.open()
-			},
-			// 新增 转赠提交
-			donation () {
-				if(!this.checkPhone()){
-					return
-				}
-				this.$api.echargez({record_ids: this.recordId, mobile: this.donationPhone}).then( res => {
-					if(res.code === 1){
-						//转赠成功
-						const index = this.boxList.findIndex(item => item.record_id == this.recordId)
-						this.boxList.splice(index, 1)
-						this.$refs.donation.close()
-						uni.showToast({
-							icon: "success",
-							title: "转赠成功"
-						})
-					}
-				})
-			},
-			/* 新增 检查手机号 */
-			checkPhone(){ 
-				if(!(/^1[345789]\d{9}$/.test(this.donationPhone))){ 
-					uni.showToast({
-						title: '请输入正确的手机号码',
-						icon: 'none'
-					})
-					return false
-				} 
-				return true
-			}
-		},
-		onShow () {
-			this.getMyBox()
-		},
-		onReachBottom() {
-			if(this.i == 2){
-				return
-			}
-			if (this.page < this.pages) {
-				this.page++
-				this.getMyBox()
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-.an{
-	height: 25px;
-	    width: 25px;
-	    float: left;
-	    position: relative;
-	    top: 42px;
-}
-.box_head {
-	position: sticky;
-	top: 88rpx;
-	left: 0;
-	background: #FAFAFA;
-	z-index: 2021;
-	width: 100%;
-	.box_head_li {
-		flex:1 ;
-		font-size: 30rpx;
-		height: 90rpx;
-		font-weight: bold;
-	}
-	.active {
-		  border-radius: 100rpx;
-		  color: #69a8f8;
-
-	}
-}
-.box_ul {
-	padding: 0 30rpx 98rpx 30rpx;
-	.box_ul_li {
-		padding: 15rpx;
-		margin-bottom: 20rpx;
-		background: #FFFFFF;
-		border-radius: 20rpx;
-		.box_ul_li_img {
-			width: 30%;
-			float: left;
-			image {
-				width: 200rpx;
-				height: 200rpx;
-				border-radius: 10rpx;
-			}
-			margin-right: 20rpx;
-		}
-		.box_ul_li_main {
-			flex: 1;
-		}
-		//修改
-		.box_ul_li_name {
-			font-size: 28rpx;
-			display: flex;
-			overflow: hidden;
-			text{
-				display: -webkit-box;
-				-webkit-box-orient: vertical;
-				-webkit-line-clamp: 2;
-				flex: 1;
-				font-weight: bold;
-			}
-		}
-		.box_ul_li_price {
-			text {
-				color: #66a6ff;
-				font-size: 28rpx;
-				font-weight:600;
-			}
-			image {
-				width: 44rpx;
-				height: 44rpx;
-			}
-			margin: 15rpx 0;
-		}
-		.box_ul_li_price .hsj,.khj,.xsj{
-			display: block;
-			margin: 10rpx 0;
-			uni-text{
-			float: right
-			}
-		}
-		.box_ul_li_price .hsj{
-			uni-text{
-			color: #000000;	
-			}
-		}
-		.box_ul_li_time {
-			color: #999999;
-			font-size: 22rpx;
-			align-items: center;
-			margin-top: 20rpx;
-			uni-text{
-				line-height: 70rpx;
-			}
-			uni-image{
-				width: 48rpx;
-				height: 48rpx;
-				float: right;
-			}
-			.item-btn{
-				background-image: -moz-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
-				background-image: -webkit-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
-				background-image: -ms-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
-				color: #FFFFFF;
-				border-radius: 19px;
-				font-size: 28rpx;
-				margin-left: auto;
-				width: 200rpx;
-				height: 60rpx;
-				float: right;
-			}
-		}
-	}
-}
-.box_footer {
-	height: 98rpx;
-	z-index: 20;
-	position: fixed;
-	bottom: 92rpx;
-	width: 100%;
-	padding: 0 30rpx;
-	background: #FFFFFF;
-	.box_footer_all {
-		image {
-			width: 44rpx;
-			height: 44rpx;
-			margin-right: 10rpx;
-		}
-		text {
-			color: #000000;
-			font-size: 28rpx;
-		}
-	}
-	.box_footer_li {
-		color: #FFFFFF;
-		width: 200rpx;
-		height: 70rpx;
-		border-radius: 39rpx;
-		font-size: 30rpx;
-		margin-left: 30rpx;
-		&:first-child {
-			  background-image: -moz-linear-gradient( 60deg, rgb(255,200,222) 0%, rgb(255,103,164) 100%);
-			  background-image: -webkit-linear-gradient( 60deg, rgb(255,200,222) 0%, rgb(255,103,164) 100%);
-			  background-image: -ms-linear-gradient( 60deg, rgb(255,200,222) 0%, rgb(255,103,164) 100%);
-		}
-		&:last-child {
-			  background-image: -moz-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
-			  background-image: -webkit-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
-			  background-image: -ms-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
-
-		}
-	}
-}
-// 新增 转赠窗口样式
-.donation{
-	background-color: #fff;
-	padding: 30rpx 40rpx;
-	border-radius: 10px;
-	.title{
-		font-size: 16px;
-		font-weight: bold;
-		text-align: center;
-		margin-bottom: 30rpx;
-	}
-	.input-container{
-		background-color: #f3f3f3;
-		padding: 16rpx 20rpx;
-		border-radius: 6rpx;
-		margin-bottom: 20rpx;
-		input{
-			font-size: 30rpx;
-		}
-	}
-	.tip{
-		font-size: 12px;
-		color: red;
-		text-align: center;
-		margin-bottom: 30rpx;
-	}
-	.donation-btns{
-		display: flex;
-		gap: 30rpx;
-		view {
-			color: #FFFFFF;
-			flex: 1;
-			width: 100%;
-			height: 70rpx;
-			border-radius: 39rpx;
-			font-size: 30rpx;
-			&:first-child {
-				background: -webkit-linear-gradient(60deg, #ffc8de 0%, #ff67a4 100%);
-			}
-			&:last-child {
-				background: -webkit-linear-gradient(0deg, #89f7fe 0%, #66a6ff 100%);
-			}
-		}
-	}
-}
+<template>
+	<view class="box">
+		<view class="box_head flexs">
+			<!-- 修改 in 2 改成 in 3 标题名调用titleName方法 -->
+			<view class="box_head_li center" @click="changeIndex(index)" v-for="(item, index) in 3" :class="{ active: index == i }" :key="index">{{ titleName(index) }}</view>
+		</view>
+		<!-- 修改 -->
+		<view class="box_ul">
+			<!-- 待提货 已回列表 -->
+			<template v-if="i < 2">
+				<view class="box_ul_li" v-for="(item, index) in boxList" :key="index" @click="change(item)">
+					<image class="an" v-if="i == 0" :src="item.flag ? '/static/image/publice/xuanzhong1@2x.png' : '/static/image/me/weixuanzhong@2x.png'" mode=""></image>
+					<view class="box_ul_li_img"><image :src="item.goods_image" mode="aspectFill"></image></view>
+					<view class="box_ul_li_main">
+						<view class="box_ul_li_name">
+							<!-- 修改 -->
+							<text>{{ item.goods_name }}</text>
+						</view>
+						<view class="box_ul_li_price">
+							<view class="khj">
+								开盒价：
+								<text>{{ item.box_coin_price }}金币</text>
+							</view>
+							<view class="xsj">
+								销售价：
+								<text>{{ item.goods_coin_price }}金币</text>
+							</view>
+							<view class="hsj">
+								回收价：
+								<text>{{ item.goods_hui_price }}金币</text>
+							</view>
+						</view>
+					</view>
+					<view class="box_ul_li_time flex">
+						<!-- 修改 -->
+						<view>时间：{{ item.time }}</view>
+						<!-- 新增 -->
+						<view v-if="i == 0" class="item-btn center" @click.stop="donationOpen(item)">一键转赠</view>
+					</view>
+				</view>
+			</template>
+			<!-- 新增 转赠列表 -->
+			<template v-else>
+				<view class="box_ul_li flexs" v-for="(item, index) in donationList" :key="'donation-' + index" @click="item.flag = !item.flag">
+					<view class="box_ul_li_img"><image :src="item.zzimage" mode="aspectFill"></image></view>
+					<view class="box_ul_li_main">
+						<view class="box_ul_li_name">
+							<!-- 修改 -->
+							<text>{{ item.boxgoods }}</text>
+						</view>
+						<view class="box_ul_li_price flex">
+							<view class="box_ul_li_time">时间：{{ item.zhuanztime }}</view>
+							<text style="text-align: right;">已转赠</text>
+						</view>
+						<view class="box_ul_li_time">受赠人：{{ item.szuser }}</view>
+					</view>
+				</view>
+			</template>
+		</view>
+		<view class="box_footer flex" v-if="i == 0">
+			<view class="box_footer_all flexs">
+				<image @click="changeAll" :src="isAll ? '/static/image/publice/xuanzhong1@2x.png' : '/static/image/me/weixuanzhong@2x.png'" mode=""></image>
+				<text>全选({{ totalNumber }})</text>
+			</view>
+			<view class="box_footer_ul flexs">
+				<view class="box_footer_li center" v-for="(items, index) in 2" :key="index" @click="apply(index)">{{ index == 0 ? '一键回收' : '申请发货' }}</view>
+			</view>
+		</view>
+		<!-- 新增 转赠窗口 -->
+		<uni-popup ref="donation">
+			<view class="donation">
+				<view class="title">请输入您转赠人的手机号</view>
+				<view class="input-container"><input v-model="donationPhone" type="number" placeholder="请输入转赠人注册手机号" /></view>
+				<view class="tip">注：一旦转赠成功不可退货，请谨慎操作</view>
+				<view class="donation-btns">
+					<view class="box_footer_li center" @click="$refs.donation.close()">取消</view>
+					<view class="box_footer_li center" @click="donation()">确定</view>
+				</view>
+			</view>
+		</uni-popup>
+		<recycle ref="recycle"></recycle>
+	</view>
+</template>
+
+<script>
+import recycle from '@/components/recycle.vue';
+export default {
+	components: {
+		recycle
+	},
+	data() {
+		return {
+			i: 0, //
+			page: 1,
+			isAll: false, //
+			pages: null, //
+			totalNumber: 0, //总数量
+			boxList: [], //盒子列表
+			donationList: [], //转赠列表
+			recordId: null, //转赠商品id
+			donationPhone: null //转赠人手机号
+		};
+	},
+	watch: {
+		boxList: {
+			handler(val) {
+				let totalNumber = 0;
+
+				this.isAll = val.every(item => item.flag);
+				if (val.length == 0) this.isAll = false;
+				val.forEach(item => {
+					if (item.flag) {
+						totalNumber++;
+					}
+				});
+				this.totalNumber = totalNumber;
+			},
+			deep: true //true 深度监听
+		}
+	},
+	methods: {
+		// 新增 标题名称
+		titleName(index) {
+			switch (index) {
+				case 0:
+					return '待提货';
+				case 1:
+					return '已回收';
+				case 2:
+					return '已转赠';
+			}
+		},
+		//申请发货
+		apply(index) {
+			if (!this.boxList.some(item => item.flag)) return uni.showToast({ title: '请勾选要' + (index == 0 ? '回收' : '发货') + '的商品', icon: 'none' });
+			let ids = [];
+			this.boxList.forEach(item => {
+				if (item.flag) {
+					ids.push(item.record_id);
+				}
+			});
+			if (index == 0) {
+				uni.showModal({
+					cancelText: '取消',
+					confirmText: '确认',
+					title: '一键回收',
+					content: '是否确认一键回收？',
+					success: res => {
+						if (res.confirm) {
+							this.$api.exchange({ record_ids: ids.join(',') }).then(res => {
+								if (res.code === 1) {
+									uni.showToast({ title: res.msg });
+									this.page = 1;
+									this.getMyBox();
+									this.$refs['recycle'].open(res.data);
+								}
+							});
+						}
+					}
+				});
+			} else {
+				uni.navigateTo({ url: '/pages/me/applyFaHuo?id=' + ids.join(',') });
+			}
+		},
+		//全选
+		changeAll() {
+			this.isAll = !this.isAll;
+			this.boxList.forEach(item => {
+				item.flag = this.isAll;
+			});
+		},
+		// 选择和取消
+		change(item) {
+			item.flag = !item.flag;
+		},
+		changeIndex(index) {
+			this.i = index;
+			this.page = 1;
+			this.boxList = [];
+			this.getMyBox();
+		},
+		//获取我的盒柜
+		getMyBox() {
+			// 新增 获取已转赠
+			if (this.i == 2) {
+				this.$api.echargezs({ msg: '数据加载中' }).then(res => {
+					this.donationList = res.data;
+				});
+				return;
+			}
+			this.$api.myBox({ status: this.i + 1, page: this.page, msg: '数据加载中' }).then(res => {
+				if (res.code === 1) {
+					res.data.data.forEach(item => {
+						item.flag = false;
+					});
+					this.pages = res.data.last_page;
+					this.boxList = this.page == 1 ? res.data.data : [...this.boxList, ...res.data.data];
+				}
+			});
+		},
+		// 新增 打开转赠窗口
+		donationOpen(item) {
+			this.recordId = item.record_id;
+			this.$refs.donation.open();
+		},
+		// 新增 转赠提交
+		donation() {
+			if (!this.checkPhone()) {
+				return;
+			}
+			this.$api.echargez({ record_ids: this.recordId, mobile: this.donationPhone }).then(res => {
+				if (res.code === 1) {
+					//转赠成功
+					const index = this.boxList.findIndex(item => item.record_id == this.recordId);
+					this.boxList.splice(index, 1);
+					this.$refs.donation.close();
+					uni.showToast({
+						icon: 'success',
+						title: '转赠成功'
+					});
+				}
+			});
+		},
+		/* 新增 检查手机号 */
+		checkPhone() {
+			if (!/^1[345789]\d{9}$/.test(this.donationPhone)) {
+				uni.showToast({
+					title: '请输入正确的手机号码',
+					icon: 'none'
+				});
+				return false;
+			}
+			return true;
+		}
+	},
+	onShow() {
+		this.getMyBox();
+	},
+	onReachBottom() {
+		if (this.i == 2) {
+			return;
+		}
+		if (this.page < this.pages) {
+			this.page++;
+			this.getMyBox();
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.an {
+	height: 25px;
+	width: 25px;
+	float: left;
+	position: relative;
+	top: 42px;
+}
+.box_head {
+	position: sticky;
+	top: 88rpx;
+	/* #ifdef MP-WEIXIN */
+	top: 0;
+	/* #endif */
+	left: 0;
+	background: #fafafa;
+	z-index: 2021;
+	width: 100%;
+	.box_head_li {
+		flex: 1;
+		font-size: 30rpx;
+		height: 90rpx;
+		font-weight: bold;
+	}
+	.active {
+		border-radius: 100rpx;
+		color: #69a8f8;
+	}
+}
+.box_ul {
+	padding: 0 30rpx 98rpx 30rpx;
+	.box_ul_li {
+		padding: 15rpx;
+		margin-bottom: 20rpx;
+		background: #ffffff;
+		border-radius: 20rpx;
+		.box_ul_li_img {
+			width: 30%;
+			float: left;
+			image {
+				width: 200rpx;
+				height: 200rpx;
+				border-radius: 10rpx;
+			}
+			margin-right: 20rpx;
+		}
+		.box_ul_li_main {
+			flex: 1;
+		}
+		//修改
+		.box_ul_li_name {
+			font-size: 28rpx;
+			display: flex;
+			overflow: hidden;
+			text {
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 2;
+				flex: 1;
+				font-weight: bold;
+			}
+		}
+		.box_ul_li_price {
+			text {
+				color: #66a6ff;
+				font-size: 28rpx;
+				font-weight: 600;
+			}
+			image {
+				width: 44rpx;
+				height: 44rpx;
+			}
+			margin: 15rpx 0;
+		}
+		.box_ul_li_price .hsj,
+		.khj,
+		.xsj {
+			display: block;
+			margin: 10rpx 0;
+			uni-text {
+				float: right;
+			}
+		}
+		.box_ul_li_price .hsj {
+			uni-text {
+				color: #000000;
+			}
+		}
+		.box_ul_li_time {
+			color: #999999;
+			font-size: 22rpx;
+			align-items: center;
+			margin-top: 20rpx;
+			uni-text {
+				line-height: 70rpx;
+			}
+			uni-image {
+				width: 48rpx;
+				height: 48rpx;
+				float: right;
+			}
+			.item-btn {
+				background-image: linear-gradient(0deg, rgb(137, 247, 254) 0%, rgb(102, 166, 255) 100%);
+				color: #ffffff;
+				border-radius: 19px;
+				font-size: 28rpx;
+				margin-left: auto;
+				width: 200rpx;
+				height: 60rpx;
+				float: right;
+			}
+		}
+	}
+}
+.box_footer {
+	height: 98rpx;
+	z-index: 20;
+	position: fixed;
+	bottom: 92rpx;
+	/* #ifdef MP-WEIXIN */
+	bottom: 0;
+	/* #endif */
+	width: 100%;
+	padding: 0 30rpx;
+	background: #ffffff;
+	.box_footer_all {
+		image {
+			width: 44rpx;
+			height: 44rpx;
+			margin-right: 10rpx;
+		}
+		text {
+			color: #000000;
+			font-size: 28rpx;
+		}
+	}
+	.box_footer_li {
+		color: #ffffff;
+		width: 200rpx;
+		height: 70rpx;
+		border-radius: 39rpx;
+		font-size: 30rpx;
+		margin-left: 30rpx;
+		&:first-child {
+			// background-image: -moz-linear-gradient( 60deg, rgb(255,200,222) 0%, rgb(255,103,164) 100%);
+			// background-image: -webkit-linear-gradient( 60deg, rgb(255,200,222) 0%, rgb(255,103,164) 100%);
+			// background-image: -ms-linear-gradient( 60deg, rgb(255,200,222) 0%, rgb(255,103,164) 100%);
+			background-color: rgb(255, 103, 164);
+		}
+		&:last-child {
+			background-color: rgb(102, 166, 255);
+			// background-image: -moz-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
+			// background-image: -webkit-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
+			// background-image: -ms-linear-gradient( 0deg, rgb(137,247,254) 0%, rgb(102,166,255) 100%);
+		}
+	}
+}
+// 新增 转赠窗口样式
+.donation {
+	background-color: #fff;
+	padding: 30rpx 40rpx;
+	border-radius: 10px;
+	.title {
+		font-size: 16px;
+		font-weight: bold;
+		text-align: center;
+		margin-bottom: 30rpx;
+	}
+	.input-container {
+		background-color: #f3f3f3;
+		padding: 16rpx 20rpx;
+		border-radius: 6rpx;
+		margin-bottom: 20rpx;
+		input {
+			font-size: 30rpx;
+		}
+	}
+	.tip {
+		font-size: 12px;
+		color: red;
+		text-align: center;
+		margin-bottom: 30rpx;
+	}
+	.donation-btns {
+		display: flex;
+		gap: 30rpx;
+		view {
+			color: #ffffff;
+			flex: 1;
+			width: 100%;
+			height: 70rpx;
+			border-radius: 39rpx;
+			font-size: 30rpx;
+			&:first-child {
+				background: -webkit-linear-gradient(60deg, #ffc8de 0%, #ff67a4 100%);
+			}
+			&:last-child {
+				background: -webkit-linear-gradient(0deg, #89f7fe 0%, #66a6ff 100%);
+			}
+		}
+	}
+}
 </style>

pages/tabbar/cashPay/cashPay.vue

@@ -20,48 +20,48 @@
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				payIndex: 1,
-				message:'',
-				payList:[
-					// {
-					// 	name:'微信支付',
-					// 	type:'0',
-					// 	key: 'wechat',
-					// 	image:'/static/image/me/weixin@2x.png'
-					// },
-					{
-						name:'支付宝支付',
-						type:'1',
-						key: 'alipay',
-						image:'/static/image/me/zhifubao@2x.png'
-					},
-				],
-				params: {}
-			}
-		},
-		computed:{
-			currPayType(){
-				let currPayType = this.payList.find(item => item.type == this.payIndex)
-				return currPayType
-			}
-		},
-		onLoad(params){
-			this.params = params
-		},
-		methods: {
-			submitPay(){
-				let payUrl = `${this.params[this.currPayType.key]}?token=${uni.getStorageSync('token')}&payPage=${this.params.payPage}`
-				location.href = payUrl
-			}
+export default {
+	data() {
+		return {
+			payIndex: 1,
+			message: '',
+			payList: [
+				{
+					name: '微信支付',
+					type: '0',
+					key: 'wechat',
+					image: '/static/image/me/weixin@2x.png'
+				}
+				// {
+				// 	name:'支付宝支付',
+				// 	type:'1',
+				// 	key: 'alipay',
+				// 	image:'/static/image/me/zhifubao@2x.png'
+				// },
+			],
+			params: {}
+		};
+	},
+	computed: {
+		currPayType() {
+			let currPayType = this.payList.find(item => item.type == this.payIndex);
+			return currPayType;
+		}
+	},
+	onLoad(params) {
+		this.params = params;
+	},
+	methods: {
+		submitPay() {
+			let payUrl = `${this.params[this.currPayType.key]}?token=${uni.getStorageSync('token')}&payPage=${this.params.payPage}`;
+			location.href = payUrl;
 		}
 	}
+};
 </script>
 
 <style lang="scss">
-.cash-pay{
+.cash-pay {
 	padding: 0 30rpx;
 }
 .deposit_main {
@@ -72,7 +72,7 @@
 		padding: 40rpx 0 30rpx 20rpx;
 	}
 	.deposit_main_ul {
-		background: #FFFFFF;
+		background: #ffffff;
 		.deposit_main_li {
 			padding: 30rpx 20rpx;
 			.deposit_main_img {
@@ -102,9 +102,9 @@
 	*/
 	width: 690rpx;
 	bottom: 34rpx;
-	
+
 	color: #fff;
-	
+
 	height: 88rpx;
 	background: -webkit-linear-gradient(0deg, #89f7fe 0%, #66a6ff 100%);
 	box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(220, 220, 220, 0.2);

pages/tabbar/classify.vue

@@ -2,7 +2,7 @@
 	<view class="classify">
 		<view class="classify_search center">
 			<view class="classify_search_ipt flexs" @click="goSearch">
-				<image src="/static/image/home/sousuo@2x.png" mode=""></image>
+				<image src="https://www.chaomangdao.com/image/home/sousuo@2x.png" mode=""></image>
 				<input type="text" disabled placeholder="输入您要搜索的内容" placeholder-style="color:#808080" />
 			</view>
 		</view>

pages/tabbar/index.bak.vue

@@ -8,11 +8,11 @@
 					<image :src="logo" mode="aspectFill"></image>
 				</view>
 				<view class="home_bar_search flexs" @click="goSearch">
-					<image src="/static/image/home/sousuo@2x.png" mode=""></image>
+					<image src="https://www.chaomangdao.com/image/home/sousuo@2x.png" mode=""></image>
 					<input type="text" disabled placeholder="输入您要搜索的内容" placeholder-style="color:#808080" />
 				</view>
 				<view class="home_bar_serve" @click="goServe">
-					<image src="/static/image/home/kefu@2x.png" mode=""></image>
+					<image src="https://www.chaomangdao.com/image/home/kefu@2x.png" mode=""></image>
 				</view>
 			</view>
 		</view>
@@ -127,49 +127,49 @@
 			return {
 				iconList:[
 					{
-						image:'/static/image/home/zhengpinbaozheng@2x.png',
+						image:'https://www.chaomangdao.com/image/home/zhengpinbaozheng@2x.png',
 						name:'官方正品保证'
 					},
 					{
-						image:'/static/image/home/yijianhuishou@2x.png',
+						image:'https://www.chaomangdao.com/image/home/yijianhuishou@2x.png',
 						name:'一键秒回收'
 					},
 					{
-						image:'/static/image/home/youhui@2x.png',
+						image:'https://www.chaomangdao.com/image/home/youhui@2x.png',
 						name:'全网最优惠'
 					}
 				],
 				navList:[
 					{
-						image:'/static/image/home/chaowanmanghe@2x.png',
+						image:'https://www.chaomangdao.com/image/home/chaowanmanghe@2x.png',
 						name:'盲盒商城',
 						url:'/pages/index/more'
 					},
 					{
-						image:'/static/image/home/youhuichongzhi@2x.png',
+						image:'https://www.chaomangdao.com/image/home/youhuichongzhi@2x.png',
 						name:'优惠充值',
 						url:'/pages/me/recharge'
 					},
 					{
-						image:'/static/image/home/fahuoliucheng@2x.png',
+						image:'https://www.chaomangdao.com/image/home/fahuoliucheng@2x.png',
 						name:'发货流程',
 						url:'/pages/index/flow'
 					},
 					{
-						image:'/static/image/home/xinshoubangzhu@2x.png',
+						image:'https://www.chaomangdao.com/image/home/xinshoubangzhu@2x.png',
 						name:'新手帮助',
 						url:'/pages/index/help'
 					}
 				],//导航列表
 				hotList:[
 					{
-						image:'/static/image/home/remen@2x.png',
+						image:'https://www.chaomangdao.com/image/home/remen@2x.png',
 						name:'热门专区',
 						title:'跟随热门手气更欧',
 						url:'/pages/index/hot?type=0'
 					},
 					{
-						image:'/static/image/home/dijia@2x.png',
+						image:'https://www.chaomangdao.com/image/home/dijia@2x.png',
 						name:'低价专区',
 						title:'低价试试手气',
 						url:'/pages/index/hot?type=1'

pages/tabbar/index.vue

@@ -15,18 +15,18 @@
 					<text>买家须知</text>
 				</view> -->
 
-				<view class="kf" @click="zxkf()"><image class="small-img" src="/static/image/new_home/kf.png" mode="widthFix"></image></view>
+				<view class="kf" @click="zxkf()"><image class="small-img" src="https://www.chaomangdao.com/image/new_home/kf.png" mode="widthFix"></image></view>
 			</view>
 			<view class="left-cd">
-				<view class="details_title_mp3" @click="changePlay">
+				<!-- <view class="details_title_mp3" @click="changePlay">
 					<image :class="['bjtb', isPlay && 'run']" :src="isPlay ? '/static/image/home/bofang@2x.png' : '/static/image/home/guanbiyinyue@2x.png'" mode="widthFix"></image>
-				</view>
+				</view> -->
 				<view class="oval1" @click="toMyBox()">
-					<image class="small-img" src="/static/image/new_home/tbxg.png" mode="widthFix"></image>
+					<image class="small-img" src="../../static/image/new_home/tbxg.png" mode="widthFix"></image>
 					<!-- <span>物品盒柜</span> -->
 				</view>
 				<view class="right" @click="wfashuiming()">
-					<image class="small-img" src="/static/image/new_home/wfsm.png" mode="widthFix"></image>
+					<image class="small-img" src="../../static/image/new_home/wfsm.png" mode="widthFix"></image>
 					<!-- <span>玩法说明</span> -->
 				</view>
 			</view>
@@ -37,17 +37,21 @@
 					<view class="box-image-bj"><image src="../../static/image/new_home/box-images-bj.png" mode=""></image></view>
 					<prize-flying v-if="currBox" :box-id="currBox.box_id"></prize-flying>
 					<!-- 图片轮播 -->
-					<image class="arrow arrow-left" src="/static/image/new_home/arrow-left.png" mode="widthFix" @click="prev"></image>
-					<image class="arrow arrow-right" src="/static/image/new_home/arrow-right.png" mode="widthFix" @click="next"></image>
+					<image class="arrow arrow-left" src="../../static/image/new_home/arrow-left.png" mode="widthFix" @click="prev"></image>
+					<image class="arrow arrow-right" src="../../static/image/new_home/arrow-right.png" mode="widthFix" @click="next"></image>
 					<view class="loop-image-warapper">
 						<swiper class="swiper" circular :current="loopData.current" @change="loopItemChange($event.detail.current)">
 							<template v-for="(item, index) in loopData.list">
 								<swiper-item :key="index">
 									<view :class="['image-box']">
-										<template v-for="(box_banner, index) in item.box_banner_images">
+										<template>
 											<image
-												:class="[item.box_banner_images.length > 1 ? `box-banner-${index}` : 'box-banner']"
-												:src="box_banner"
+												:class="['box-banner']"
+												:src="
+													item.box_banner_images[0].indexOf('http') == -1
+														? 'https://www.chaomangdao.com' + item.box_banner_images[0]
+														: item.box_banner_images[0]
+												"
 												mode="heightFix"
 												@click="goMessage(item, 0)"
 											></image>
@@ -62,7 +66,7 @@
 						<image src="/h5/static/image/new_home/dizhuo.png" mode="heightFix"></image>
 					</view> -->
 					<!-- 手指 -->
-					<view class="finger"><image src="/static/image/new_home/sz.png" mode="heightFix"></image></view>
+					<view class="finger"><image src="../../static/image/new_home/sz.png" mode="heightFix"></image></view>
 					<!-- 盲盒奖品 -->
 					<!-- <view class="prize" @click="goCurrMessage()">
 						<image src="/h5/static/image/new_home/mhjp.png" mode="heightFix"></image>
@@ -102,7 +106,11 @@
 							<swiper-item :key="index" :class="[loopData.current == index && 'label-active']">
 								<view :class="['label-box']" @click="loopItemChange(index)">
 									<view :class="['loop-image-label']">
-										<image :src="item.box_foot_images" mode="aspectFit"></image>
+										<image
+											:src="item.box_foot_images.indexOf('http') == -1 ? 'https://www.chaomangdao.com' + item.box_foot_images : item.box_foot_images"
+											mode="aspectFit"
+											class="loop-image-label-img"
+										></image>
 										<text>{{ item.box_name }}</text>
 									</view>
 								</view>
@@ -603,7 +611,7 @@ page {
 .index-main {
 	min-height: 100%;
 	height: auto;
-	background-image: url(https://chaomd.liuniu946.com/image/bj.jpg);
+	background-image: url(https://www.chaomangdao.com/image/bj.jpg);
 	background-repeat: no-repeat;
 	background-size: 100% 100%;
 	display: flex;
@@ -620,7 +628,7 @@ page {
 	.top {
 		flex: 0.6;
 		.loop-container {
-			background: url(https://chaomd.liuniu946.com/image/hzbj.gif);
+			background: url(https://www.chaomangdao.com/image/hzbj.gif);
 			.loop-image-main {
 				margin-bottom: 20rpx;
 				position: relative;
@@ -645,6 +653,9 @@ page {
 					position: absolute;
 					height: 100%;
 					width: 100%;
+					.swiper {
+						height: 100%;
+					}
 					.image-box {
 						display: flex;
 						justify-content: center;
@@ -700,8 +711,9 @@ page {
 					box-shadow: 3px 0px 0px 3px #45bfff;
 				}
 				.swiper {
-					background: url(https://chaomd.liuniu946.com/image/text-bj.png);
-					background-size: 100% 100%;
+					// background: url(https://www.chaomangdao.com/image/text-bj.png);
+					// background-size: 100% 100%;
+					height: 260rpx;
 				}
 				.loop-label {
 					transition: 0.2s;
@@ -728,13 +740,17 @@ page {
 					padding: 2px;
 					border-radius: 7px;
 					height: 95%;
+					// height: 247rpx;
 					width: 210rpx;
 					text-align: center;
-					uni-image {
+					// .loop-image-label-img {
+					// 	height: 185rpx;
+					// }
+					image {
 						height: 75%;
 						margin-bottom: 5%;
 					}
-					uni-text {
+					text {
 						font-size: 26rpx;
 						font-weight: bold;
 					}
@@ -773,10 +789,10 @@ page {
 			}
 			.center-btn {
 				flex: 0.87;
-				uni-image {
+				image {
 					width: 75%;
 				}
-				uni-text {
+				text {
 					position: absolute;
 					font-size: 40rpx;
 					line-height: 1.1;

pages/tabbar/index2.vue

@@ -9,10 +9,10 @@
 			<view class="home_bar_con flex">
 				<view class="home_bar_logo"><image :src="logo" mode="aspectFill"></image></view>
 				<view class="home_bar_search flexs" @click="goSearch">
-					<image src="/static/image/home/sousuo@2x.png" mode="" style="background-size: 100%;"></image>
+					<image src="https://www.chaomangdao.com/image/home/sousuo@2x.png" mode="" style="background-size: 100%;"></image>
 					<input type="text" disabled placeholder="拆个盒子" placeholder-style="color:#808080" />
 				</view>
-				<view class="home_bar_serve" @click="goServe"><image src="/static/image/home/kefu@2x.png" mode=""></image></view>
+				<view class="home_bar_serve" @click="goServe"><image src="https://www.chaomangdao.com/image/home/kefu@2x.png" mode=""></image></view>
 			</view>
 		</view>
 		<!--E 头部搜索 -->
@@ -103,9 +103,9 @@
 		<view class="home_trial flex">
 			<view class="home_trial_img flexs">
 				<text>试试手气</text>
-				<image src="/static/image/home/zuijia@2x.png" mode=""></image>
+				<image src="https://www.chaomangdao.com/image/home/zuijia@2x.png" mode=""></image>
 			</view>
-			<view class="home_trial_go" @click="shishisq"><image src="/static/image/home/jinru@2x.png" mode=""></image></view>
+			<view class="home_trial_go" @click="shishisq"><image src="https://www.chaomangdao.com/image/home/jinru@2x.png" mode=""></image></view>
 		</view>
 		<!-- E 试一试 -->
 		<!-- S 最新开箱 -->
@@ -235,49 +235,49 @@ export default {
 			total: 0,
 			iconList: [
 				{
-					image: '/static/image/home/zhengpinbaozheng@2x.png',
+					image: 'https://www.chaomangdao.com/image/home/zhengpinbaozheng@2x.png',
 					name: '官方正品保证'
 				},
 				{
-					image: '/static/image/home/yijianhuishou@2x.png',
+					image: 'https://www.chaomangdao.com/image/home/yijianhuishou@2x.png',
 					name: '一键秒回收'
 				},
 				{
-					image: '/static/image/home/youhui@2x.png',
+					image: 'https://www.chaomangdao.com/image/home/youhui@2x.png',
 					name: '全网最优惠'
 				}
 			],
 			navList: [
 				{
-					image: '/static/image/home/chaowanmanghe@2x.png?i=1',
+					image: 'https://www.chaomangdao.com/image/home/chaowanmanghe@2x.png?i=1',
 					name: '盲盒商城',
 					url: '/pages/index/more'
 				},
 				{
-					image: '/static/image/home/youhuichongzhi@2x.png?i=1',
+					image: 'https://www.chaomangdao.com/image/home/youhuichongzhi@2x.png?i=1',
 					name: '优惠充值',
 					url: '/pages/me/recharge'
 				},
 				{
-					image: '/static/image/home/fahuoliucheng@2x.png?i=1',
+					image: 'https://www.chaomangdao.com/image/home/fahuoliucheng@2x.png?i=1',
 					name: '发货流程',
 					url: '/pages/index/flow'
 				},
 				{
-					image: '/static/image/home/xinshoubangzhu@2x.png?i=1',
+					image: 'https://www.chaomangdao.com/image/home/xinshoubangzhu@2x.png?i=1',
 					name: '新手帮助',
 					url: '/pages/index/help'
 				}
 			], //导航列表
 			hotList: [
 				{
-					image: '/static/image/home/remen@2x.png',
+					image: 'https://www.chaomangdao.com/image/home/remen@2x.png',
 					name: '热门专区',
 					title: '跟随热门手气更欧',
 					url: '/pages/index/hot?type=0'
 				},
 				{
-					image: '/static/image/home/dijia@2x.png',
+					image: 'https://www.chaomangdao.com/image/home/dijia@2x.png',
 					name: '低价专区',
 					title: '低价试试手气',
 					url: '/pages/index/hot?type=1'
@@ -805,7 +805,7 @@ page {
 		justify-content: center;
 		width: 746rpx;
 		height: 384rpx;
-		background-image: url(../../static/image/home/bg@2x.png);
+		background-image: url(https://www.chaomangdao.com/image/home/bg@2x.png);
 		background-size: 100% 100%;
 		background-position: center;
 		.item-box {
@@ -867,7 +867,7 @@ page {
 				}
 				.goods-jiazhi {
 					margin-right: 20rpx;
-					background-image: url(../../static/image/home/jiazhi10@2x.png);
+					background-image: url(https://www.chaomangdao.com/image/home/jiazhi10@2x.png);
 					background-size: 100% 100%;
 					background-position: center;
 					width: 274rpx;

pages/tabbar/me.vue

@@ -252,7 +252,7 @@ export default {
 .grxxtb {
 	width: 750rpx;
 	height: 456rpx;
-	background: url(https://chaomd.liuniu946.com/image/xxbj.jpg);
+	background: url(https://www.chaomangdao.com/image/xxbj.jpg);
 	background-size: 100%;
 	.grxxtb-top {
 		display: flex;

pagesA/pages/camera.bak.vue

@@ -99,7 +99,7 @@
 			<view class="prize ">
 				<view class="prize_box center">
 					<view class="prize_close" @click="$refs.prize.close()">
-						<image src="/static/image/open/guanbi@2x.png" mode=""></image>
+						<image src="https://www.chaomangdao.com/image/open/guanbi@2x.png" mode=""></image>
 					</view>
 					<view class="prize_shop center" v-if="i == 0">
 						<image v-if="prizedata&&prizedata.prizeInfo" :src="prizedata.prizeInfo[0].image" mode="aspectFill"></image>
@@ -768,7 +768,7 @@
 		padding: 160rpx 160rpx 0 0 ;
 		position: relative;
 		flex-direction: column;
-		background: url(../../static/image/open/beijing@2x.png) no-repeat;
+		background: url(https://www.chaomangdao.com/image/open/beijing@2x.png) no-repeat;
 		background-size: cover;
 		.prize_close {
 			width: 30rpx;
@@ -779,7 +779,7 @@
 		}
 	}
 	.shiwan {
-		background: url(../../static/image/open/tanchuangbeijing@2x.png) no-repeat;
+		background: url(https://www.chaomangdao.com/image/open/tanchuangbeijing@2x.png) no-repeat;
 		background-size: cover;
 	}
 	.scroll-view {

pagesA/pages/camera.vue

@@ -4,10 +4,10 @@
 		<view class="details_title">
 			<view class="details_nav"></view>
 			<view class="details-title_head flex">
-				<view class="details_title_return" @click="returnTop"><image src="/static/image/publice/fanhui@2x.png" mode=""></image></view>
+				<view class="details_title_return" @click="returnTop"><image src="https://www.chaomangdao.com/image/publice/fanhui@2x.png" mode=""></image></view>
 				<view class="details_title_name">{{ name }}</view>
 				<view class="details_title_mp3" @click="changePlay">
-					<image :src="isPlay ? '/static/image/home/bofang@2x.png' : '/static/image/home/guanbiyinyue@2x.png'" mode=""></image>
+					<image :src="isPlay ? 'https://www.chaomangdao.com/image/home/bofang@2x.png' : 'https://www.chaomangdao.com/image/home/guanbiyinyue@2x.png'" mode=""></image>
 				</view>
 			</view>
 		</view>
@@ -51,7 +51,7 @@
 		</view>
 		<uni-popup ref="popup" type="bottom" :mask-click="false">
 			<view class="pay">
-				<view class="pay_close" @click="$refs.popup.close()"><image src="/static/image/home/guanbi@2x.png" mode=""></image></view>
+				<view class="pay_close" @click="$refs.popup.close()"><image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image></view>
 				<view class="pay_head">支付</view>
 				<view class="pay_shop flexs">
 					<view class="pay_shop_img">
@@ -89,7 +89,7 @@
 		<!--S  玩法规则 -->
 		<uni-popup ref="regulation" :mask-click="false">
 			<view class="regulation">
-				<view class="regulation_close" @click="$refs.regulation.close()"><image src="/static/image/home/guanbi@2x.png" mode=""></image></view>
+				<view class="regulation_close" @click="$refs.regulation.close()"><image src="https://www.chaomangdao.com/image/home/guanbi@2x.png" mode=""></image></view>
 				<view class="regulation_name">玩法规则</view>
 				<view class="regulation_main">
 					<scroll-view scroll-y="true" class="scroll-view"><u-parse :content="message"></u-parse></scroll-view>
@@ -1064,7 +1064,7 @@ page {
 		}
 	}
 	.shiwan {
-		background: url(../../static/image/open/tanchuangbeijing@2x.png) no-repeat;
+		background: url(https://www.chaomangdao.com/image/open/tanchuangbeijing@2x.png) no-repeat;
 		background-size: cover;
 	}
 	.prize_ul {

pagesA/pages/invite.bak.vue

@@ -43,7 +43,7 @@
 <style lang="scss">
 .invite {
 	min-height: calc(100vh);
-	background: url(../static/bj.png) no-repeat;
+	background: url(https://www.chaomangdao.com/image/bj.png) no-repeat;
 	background-size: cover;
 	.invite_main {
 		height: 900rpx;

pagesA/pages/invite.vue

@@ -386,13 +386,15 @@ export default {
 }
 page {
 	background-color: #f5f6fa;
+
 }
 $swiperH: calc(100vh - 70rpx - 44px);
 .invite {
-	background-image: url(https://chaomd.liuniu946.com/image/topbg@2x.png);
+	background-image: url(https://www.chaomangdao.com/image/topbg@2x.png);
 	background-repeat: no-repeat;
 	background-position: top;
 	background-size: 100% calc(44px + 70rpx);
+	padding-top: 95rpx;
 	.invite_head {
 		width: 100%;
 		height: 44px;
@@ -422,7 +424,7 @@ $swiperH: calc(100vh - 70rpx - 44px);
 			position: relative;
 			width: 690rpx;
 			height: 200rpx;
-			background-image: url(https://chaomd.liuniu946.com/image/bg@2x.png);
+			background-image: url(https://www.chaomangdao.com/image/bg@2x.png);
 			background-repeat: no-repeat;
 			background-size: 100%;
 			background-position: center;
@@ -604,7 +606,7 @@ $swiperH: calc(100vh - 70rpx - 44px);
 			margin: 26rpx auto 0;
 			background: #ff7674;
 			border-radius: 24rpx;
-			background-image: url(https://chaomd.liuniu946.com/image/abj.jpg);
+			background-image: url(https://www.chaomangdao.com/image/abj.jpg);
 			background-repeat: no-repeat;
 			background-size: 100% auto;
 			background-position: center;
@@ -613,7 +615,7 @@ $swiperH: calc(100vh - 70rpx - 44px);
 			overflow: hidden;
 			.qrcode-box {
 				width: 100%;
-				background-image: url(https://chaomd.liuniu946.com/image/renwu@2x.png);
+				background-image: url(https://www.chaomangdao.com/image/renwu@2x.png);
 				background-repeat: no-repeat;
 				background-size: 100% auto;
 				background-position: center;
@@ -631,7 +633,7 @@ $swiperH: calc(100vh - 70rpx - 44px);
 		.btn-view {
 			width: 308rpx;
 			height: 84rpx;
-			background-image: url(https://chaomd.liuniu946.com/image/button@2x.png);
+			background-image: url(https://www.chaomangdao.com/image/button@2x.png);
 			margin: 50rpx auto;
 			background-size: 100%;
 			background-position: center;

pagesB/pages/server.vue

@@ -1,198 +1,196 @@
-<template>
-	<!-- <view class="server kf-container"> -->
-		<!-- <view class="server_title">
-			<view class="server_nav"></view>
-			<view class="server-title_head flex">
-				<view class="server_title_return" @click="retutnTop">
-					<image src="/static/image/publice/fanhui@2x.png" mode=""></image>
-				</view>
-				<view class="server_title_name">联系客服</view>
-				<view class="server_title_mp3">
-				</view>
-			</view>
-		</view> -->
-		<!-- <iframe src="https://totalk.jingge.chat/standalone.html?appId=259e0449e8c4451c9d9232a4114589be"></iframe> -->
-	<!-- </view> -->
-	<view class="server">
-		<view class="server_head flex">
-			<image src="/static/image/publice/fanhui1@2x.png" mode="" @click="retutnTop"></image>
-			<text>联系客服</text>
-			<text></text>
-		</view>
-		<view class="server_main center">
-			<view class="server_main_box">
-				<view class="server_main_head">
-					<image src="../static/mangheshangcheng@2x.png" mode=""></image>
-				</view>
-				<view class="server_main_name center">
-					<text>盲盒商城</text>
-					<text>{{ serve.number }}</text>
-				</view>
-				<view class="server_main_img">
-					<image :src="serve.qrcode" mode="aspectFill"></image>
-				</view>
-				<view class="server_main_txt">扫码联系客服</view>
-			</view>
-			<view class="server-download center">
-				<image src="../static/xiazai@2x.png" mode=""></image>
-				<text>长按保存二维码</text>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				serve:{},//
-			};
-		},
-		methods:{
-			//返回上一级
-			retutnTop () {
-				uni.navigateBack()
-			},
-			//获取客服信息
-			getServe () {
-				this.$api.getServiceInfo().then(res=>{
-					if (res.code === 1) {
-						this.serve = res.data
-					}
-				})
-			}
-		},
-		onLoad() {
-			this.getServe()
-		}
-	}
-</script>
-
-<style lang="scss">
-.server {
-	height: 100vh;
-	background: url(../static/bj.png) no-repeat;
-	background-size: cover;
-	.server_head {
-		padding: 0 30rpx;
-		margin-bottom: 127rpx;
-		image {
-			width: 44rpx;
-			height: 44rpx;
-		}
-		text {
-			color: #FFFFFF;
-			font-size: 36rpx;
-			font-weight: bold;
-			&:last-child {
-				width: 44rpx;
-			}
-		}
-	}
-	.server_main {
-		flex-direction: column;
-	}
-	.server_main_box {
-		width: 525rpx;
-		display: flex;
-		align-items: center;
-		flex-direction: column;
-		background: #F2F2F2;
-		border-radius: 34rpx;
-		.server_main_head {
-			width: 132rpx;
-			height: 132rpx;
-			margin-bottom: 32rpx;
-			margin-top: -66rpx;
-			image {
-				border-radius: 50%;
-			}
-			
-		}
-		.server_main_name {
-			display: flex;
-			margin-bottom: 24rpx;
-			flex-direction: column;
-			text {
-				&:first-child {
-					font-size: 46rpx;
-					font-weight: bold;
-				}
-				&:last-child {
-					color: #666666;
-					font-size: 30rpx;
-					margin-top: 23rpx;
-				}
-			}
-		}
-		.server_main_img {
-			width: 430rpx;
-			height: 430rpx;
-		}
-		.server_main_txt {
-			color: #999999;
-			font-size: 30rpx;
-			padding: 20rpx 0 30rpx 0;
-		}
-	}
-	.server-download {
-		width: 523rpx;
-		height: 89rpx;
-		margin-top: 30rpx;
-		background: #FFFFFF;
-		border-radius: 18rpx;
-		image {
-			width: 42rpx;
-			height: 42rpx;
-			margin-right: 10rpx;
-		}
-		text {
-			font-size: 30rpx;
-			font-weight: bold;
-		}
-	}
-}
-
-.kf-container{
-	width: 100vw;
-	height: 100vh;
-	display: flex;
-	flex-direction: column;
-	.server_title {
-		width: 100%;
-		position: sticky;
-		top: 0;
-		z-index: 2021;
-		.server_nav {width: 100%;}
-		.server-title_head {
-			width: 100%;
-			height: 88rpx;
-			padding: 0 30rpx;
-			background: #FFFFFF;
-			.server_title_return {
-				width: 44rpx;
-				height: 44rpx;
-			}
-			.server_title_name {
-				width: 466rpx;
-				text-align: center;
-				overflow: hidden;
-				text-overflow:ellipsis;
-				white-space: nowrap;
-				font-size: 36rpx;
-				font-weight: bold;
-			}
-			.server_title_mp3 {
-				width: 44rpx;
-				height: 44rpx;
-			}
-		}
-	}
-	iframe{
-		flex: 1;
-		border: 0;
-		height: 100%;
-		width: 100%;
-	}
-}
-</style>
+<template>
+	<!-- <view class="server kf-container"> -->
+	<!-- <view class="server_title">
+			<view class="server_nav"></view>
+			<view class="server-title_head flex">
+				<view class="server_title_return" @click="retutnTop">
+					<image src="/static/image/publice/fanhui@2x.png" mode=""></image>
+				</view>
+				<view class="server_title_name">联系客服</view>
+				<view class="server_title_mp3">
+				</view>
+			</view>
+		</view> -->
+	<!-- <iframe src="https://totalk.jingge.chat/standalone.html?appId=259e0449e8c4451c9d9232a4114589be"></iframe> -->
+	<!-- </view> -->
+	<view class="server">
+		<view class="server_head flex">
+			<image src="/static/image/publice/fanhui1@2x.png" mode="" @click="retutnTop"></image>
+			<text>联系客服</text>
+			<text></text>
+		</view>
+		<view class="server_main center">
+			<view class="server_main_box">
+				<view class="server_main_head"><image src="https://www.chaomangdao.com/image/logo.png" mode=""></image></view>
+				<view class="server_main_name center">
+					<text>潮盲岛</text>
+					<text>{{ serve.number }}</text>
+				</view>
+				<view class="server_main_img"><image :src="serve.qrcode" mode="aspectFill"></image></view>
+				<view class="server_main_txt">扫码联系客服</view>
+			</view>
+			<view class="server-download center">
+				<image src="../static/xiazai@2x.png" mode=""></image>
+				<text>长按保存二维码</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			serve: {} //
+		};
+	},
+	methods: {
+		//返回上一级
+		retutnTop() {
+			uni.navigateBack();
+		},
+		//获取客服信息
+		getServe() {
+			this.$api.getServiceInfo().then(res => {
+				if (res.code === 1) {
+					this.serve = res.data;
+				}
+			});
+		}
+	},
+	onLoad() {
+		this.getServe();
+	}
+};
+</script>
+
+<style lang="scss">
+.server {
+	height: 100vh;
+	background: url(https://www.chaomangdao.com/image/bj.png) no-repeat;
+	background-size: cover;
+	padding-top: 95rpx;
+	.server_head {
+		padding: 0 30rpx;
+		margin-bottom: 127rpx;
+		image {
+			width: 44rpx;
+			height: 44rpx;
+		}
+		text {
+			color: #ffffff;
+			font-size: 36rpx;
+			font-weight: bold;
+			&:last-child {
+				width: 44rpx;
+			}
+		}
+	}
+	.server_main {
+		flex-direction: column;
+	}
+	.server_main_box {
+		width: 525rpx;
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+		background: #f2f2f2;
+		border-radius: 34rpx;
+		.server_main_head {
+			width: 132rpx;
+			height: 132rpx;
+			margin-bottom: 32rpx;
+			margin-top: -66rpx;
+			image {
+				border-radius: 50%;
+			}
+		}
+		.server_main_name {
+			display: flex;
+			margin-bottom: 24rpx;
+			flex-direction: column;
+			text {
+				&:first-child {
+					font-size: 46rpx;
+					font-weight: bold;
+				}
+				&:last-child {
+					color: #666666;
+					font-size: 30rpx;
+					margin-top: 23rpx;
+				}
+			}
+		}
+		.server_main_img {
+			width: 430rpx;
+			height: 430rpx;
+		}
+		.server_main_txt {
+			color: #999999;
+			font-size: 30rpx;
+			padding: 20rpx 0 30rpx 0;
+		}
+	}
+	.server-download {
+		width: 523rpx;
+		height: 89rpx;
+		margin-top: 30rpx;
+		background: #ffffff;
+		border-radius: 18rpx;
+		image {
+			width: 42rpx;
+			height: 42rpx;
+			margin-right: 10rpx;
+		}
+		text {
+			font-size: 30rpx;
+			font-weight: bold;
+		}
+	}
+}
+
+.kf-container {
+	width: 100vw;
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+	.server_title {
+		width: 100%;
+		position: sticky;
+		top: 0;
+		z-index: 2021;
+		.server_nav {
+			width: 100%;
+		}
+		.server-title_head {
+			width: 100%;
+			height: 88rpx;
+			padding: 0 30rpx;
+			background: #ffffff;
+			.server_title_return {
+				width: 44rpx;
+				height: 44rpx;
+			}
+			.server_title_name {
+				width: 466rpx;
+				text-align: center;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				font-size: 36rpx;
+				font-weight: bold;
+			}
+			.server_title_mp3 {
+				width: 44rpx;
+				height: 44rpx;
+			}
+		}
+	}
+	iframe {
+		flex: 1;
+		border: 0;
+		height: 100%;
+		width: 100%;
+	}
+}
+</style>