From 2f871e37176f0dc85816e71bd730b085670fbf58 Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Thu, 17 Apr 2025 23:34:17 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                |   15 +
 pages/shouye/index.vue |  154 ++-
 pages/user/index.vue   | 2712 ++++++++++++++++++++--------------------
 3 files changed, 1492 insertions(+), 1389 deletions(-)

diff --git a/App.vue b/App.vue
index eebadb1..8baccb7 100644
--- a/App.vue
+++ b/App.vue
@@ -222,4 +222,19 @@ button.hide {
 .uni-tabbar__icon {
   height: 50px !important;
 }
+
+@keyframes m-zoom {
+	0% {
+		transform: scale(1);
+	}
+
+	50% {
+		transform: scale(0.9);
+	}
+
+	100% {
+		transform: scale(1);
+	}
+}
+
 </style>
diff --git a/pages/shouye/index.vue b/pages/shouye/index.vue
index 0b60684..bb1ee44 100644
--- a/pages/shouye/index.vue
+++ b/pages/shouye/index.vue
@@ -15,7 +15,7 @@
 		<mescroll-body ref="mescrollRef" class="valbox" @init="mescrollInit" :down="downOption" @down="downCallback"
 			@up="loadData">
 			<view style="width: 100%;" :style="{ height: $sys().statusBarHeight + 'px' }"></view>
-			<view style="width: 100%;height: 70rpx;" ></view>
+			<view style="width: 100%;height: 70rpx;"></view>
 			<banner :type-id="1" :height="300" :img-width="94"></banner>
 			<!-- 指示器 -->
 			<!-- 	<view class="sw-dot relative">
@@ -64,10 +64,7 @@
 
 			<view class="qbt_con">
 				<view v-for="(item, index) in listdata" :key="index" class="qbt_con_item" @click="todetails(item)">
-					<view class="list_1 center" style="
-              background-color: #d8d8d8;
-              border-radius: 16rpx 16rpx 0rpx 0rpx;
-            ">
+					<view class="list_1 center" style="background-color: #d8d8d8;border-radius: 16rpx 16rpx 0rpx 0rpx;">
 						<image :src="item.imgurl" mode="aspectFill"></image>
 					</view>
 					<view class="list_2">
@@ -106,22 +103,7 @@
 				</view>
 			</view>
 		</mescroll-body>
-		<!-- 群聊弹窗 -->
-		<uni-popup ref="qunliao_show" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
-			<view class="pop">
-				<view class="flex">
-					<image class="img100" :src="erweima" :show-menu-by-longpress="true" mode="aspectFit"></image>
-				</view>
-				<view class="pop-view column">
-					<text class="ziti">添加客服领优惠</text>
-					<text>识别图中二维码</text>
-				</view>
-				<image class="pop-liwu" :src="$img1('index/liwu.png')"></image>
-				<view @click="$refs.qunliao_show.close()" class="pop-close flex">
-					<image :src="$img1('common/close.png')" class="img100" />
-				</view>
-			</view>
-		</uni-popup>
+
 
 		<!-- 优惠券弹窗 -->
 		<uni-popup ref="couponPop" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
@@ -152,25 +134,29 @@
 		</uni-popup>
 		<!-- <tab-bar :index="0"></tab-bar> -->
 
-		<!-- 进福利群 -->
-		<!-- <view class="group-fixed" @click="$refs.qunliao_show.open()">
-			<image :src="$img1('image/fuliqun.png')"></image>
-		</view> -->
-
-		<!-- 邀请好友 -->
-		<!-- 	<view class="group-fixed2" @tap="$c.to({url:'/pages/user/tui-guang'})">
-			<image :src="$img1('image/yaoqing.png')"></image>
-		</view> -->
-
-		<!-- 		排行榜
-		<view class="group-fixed1" @click="toRanking()">
-			<image :src="$img1('image/paihangbang.png')"></image>
-		</view> -->
-		<!-- 排行榜 -->
-		<view class="group-fixed1" @click="toyaoqingRanking()">
-			<image :src="$img1('image/paihangbang.png')"></image>
-		</view>
+		<!-- 悬浮球 -->
+		<template v-if="floatBall">
+			<view v-for="(item, index) in floatBall" :style="[getBallStyle(item)]" :key="index" class="group-fixed1"
+				@click="BallClick(item)">
+				<image :src="item.image"></image>
+			</view>
+		</template>
 
+		<!-- 悬浮球弹窗 -->
+		<uni-popup ref="floatBall_popup" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
+			<view class="pop-ball"
+				:style="{ backgroundImage: 'url(' + ballItem.image_bj + ')', backgroundSize: '100% 99.5%', backgroundRepeat: 'no-repeat' }">
+				<image show-menu-by-longpress v-if="ballItem != null" :src="ballItem.image_details" mode="aspectFit"
+					:style="[getPopupStyle(ballItem)]">
+				</image>
+			</view>
+			<view class="pop-ball-close flex" @click="$refs.floatBall_popup.close()">
+				<view style="width: 48rpx;height: 48rpx;border-radius: 50%;opacity: 0.5;">
+					<image show-menu-by-longpress :src="$img1('common/close.png')" class="img100" />
+				</view>
+			</view>
+		</uni-popup>
+		 
 		<rule-pop ref="rulePop"></rule-pop>
 
 		<rule-pop ref="appNotice" notice-check></rule-pop>
@@ -218,6 +204,8 @@ export default {
 			couponData: "",
 			canGetCoupon: false,
 			swCur: 0,
+			floatBall: [],
+			ballItem: null
 		};
 	},
 
@@ -267,6 +255,7 @@ export default {
 				selected: 0,
 			});
 		}
+		this.getFloatBall();
 	},
 
 	onReady() {
@@ -274,6 +263,7 @@ export default {
 		this.getCoupon();
 		// this.$refs.rulePop.open()
 		this.getnews();
+
 	},
 
 	onShareAppMessage() {
@@ -284,7 +274,63 @@ export default {
 			path: "/pages/shouye/index?pid=" + uni.getStorageSync("userinfo").ID,
 		};
 	},
+	computed: {
+		getBallStyle() {
+			return (item) => {
+				//判断item.position_x 第一位是否是-号
+				let s = {
+					width: item.width,
+					height: item.height,
+					top: item.position_y,
+				};
+				if (item.position_x.indexOf('-') > -1) {
+					//是-号
+					// 获取-号后面的值
+					let position_x = item.position_x.split('-')[1];
+					s.right = position_x;
+
+				} else {
+					s.left = item.position_x;
+				}
+				if (item.effect == 1) {
+					s.animation = "m-zoom 1.2s ease-in-out infinite";
+				}
+				return s;
+			}
+		},
+		getPopupStyle() {
+			return (item) => {
+				if (item == null) {
+					return {};
+				}
+				let s = {
+					width: item.image_details_w ,
+					height: item.image_details_h,
+					position: 'relative',
+				};
+				if (item.image_details_x != "0") {
+					s.left = item.image_details_x ;
+				}
+				if (item.image_details_y != "0") {
+					s.top = item.image_details_y;
+				}
+				return s;
+			};
+		}
+	},
 	methods: {
+		BallClick(item) {
+			console.log(item);
+			if (item.type == 2) {
+				this.$c.nav(item.link_url);
+				return;
+			}
+			if (item.type == 1) {
+				// this.$c.nav(item.link_url);
+				this.ballItem = item;
+				this.$refs.floatBall_popup.open();
+			}
+		},
 		/**
 		 * @description: 是否弹公告
 		 * @return {*}
@@ -301,7 +347,14 @@ export default {
 				uni.setStorageSync("_is_this_show", true);
 			}
 		},
+		async getFloatBall() {
+			const { status, data, msg } = await this.$request.get("getFloatBall");
+			if (status == 1) {
+				this.floatBall = data;
+			}
 
+
+		},
 		swChange(e) {
 			this.swCur = e.detail.current;
 		},
@@ -508,6 +561,7 @@ export default {
 	height: 380px;
 	position: relative;
 	background: #b198e2;
+
 	box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33);
 	border-radius: 44rpx;
 
@@ -1222,4 +1276,26 @@ export default {
 		height: 100%;
 	}
 }
+
+.pop-ball {
+	width: 506rpx;
+	height: 380px;
+	position: relative;
+	// background: #b198e2;
+	border-radius: 25rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+
+}
+
+.pop-ball-close {
+	margin-top: 20rpx;
+	width: 100%;
+	height: 50rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
 </style>
\ No newline at end of file
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 047be42..46fd4ba 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -4,7 +4,7 @@
 			:fixed="false"></uni-nav-bar>
 
 		<view class="user-card">
-			<view class="user-info" @click="$c.to({ url: '/pages/user/change' })">
+			<view class="user-info" @click="toChange">
 				<view class="avatar">
 					<image :src="userinfo.headimg" mode="scaleToFill" />
 				</view>
@@ -24,10 +24,11 @@
 
 			<view v-if="userinfo" class="lv-box align-center justify-between"
 				@click="$c.to({ url: '/package/mine/equity' })">
-				<text class="lv-box-dengji">LV.{{userinfo.quan_yi_level.level}}</text>
+				<text class="lv-box-dengji">LV.{{ userinfo.quan_yi_level.level }}</text>
 				<view class="lv-box-ouqi column">
 					<text>
-						<template v-if="userinfo.quan_yi_level.cha > 0">还差{{userinfo.quan_yi_level.cha}}欧气值升级</template>
+						<template v-if="userinfo.quan_yi_level.cha > 0">还差{{ userinfo.quan_yi_level.cha
+							}}欧气值升级</template>
 						<template v-if="userinfo.quan_yi_level.cha == -1">已满级</template>
 					</text>
 					<view class="mt10 relative">
@@ -38,7 +39,8 @@
 				</view>
 				<text class="lv-box-detail center" @click="$c.to({ url: '/package/mine/equity' })">查看详情</text>
 				<image style="width: 206rpx; height: 206rpx; position: absolute; top: -40rpx; right: 8rpx;"
-					:src="$img1('my/ou.png')"></image>
+					:src="$img1('my/ou.png')">
+				</image>
 			</view>
 
 			<!-- <view class="rbtn btn1 flex" @click="$c.to({ url: '/package/index/sign' })">
@@ -50,16 +52,16 @@
 		<view class="money-card">
 			<view class="other-num">
 				<view class="other-item" @click="$c.to({ url: '/pages/user/yetx' })">
-					<view class="title">{{$config.getAppSetting('balance_name')}}</view>
+					<view class="title">{{ $config.getAppSetting('balance_name') }}</view>
 					<view class="num">{{ formatNumber(userinfo.money) }}</view>
 				</view>
 				<view class="other-item" @click="$c.to({ url: '/pages/user/bi_jl' })">
-					<view class="title">{{$config.getAppSetting('currency1_name')}}</view>
+					<view class="title">{{ $config.getAppSetting('currency1_name') }}</view>
 					<view class="num" style="color: #333333;">{{ formatNumber(userinfo.integral) }}</view>
 				</view>
 
 				<view class="other-item" @click="$c.to({ url: '/pages/user/jf_jl' })">
-					<view class="title">{{$config.getAppSetting('currency2_name')}}</view>
+					<view class="title">{{ $config.getAppSetting('currency2_name') }}</view>
 					<view class="num" style="color: #333333;">{{ formatNumber(userinfo.money2) }}</view>
 				</view>
 			</view>
@@ -158,19 +160,20 @@
 					<view class="title">星钻充值</view>
 					<view class="ca" @click="$refs.chongzhi_show.close()">
 						<image :src="$img('/static/icon/close1.png')"
-							style="width: 30rpx; height: 30rpx; margin-top: 14rpx"></image>
+							style="width: 30rpx; height: 30rpx; margin-top: 14rpx">
+						</image>
 					</view>
 				</view>
 				<view class="pop_coucent">
 					<view>选择充值金额</view>
 					<view class="pop_box">
 						<view class="common_bg" @click="money_1 = v" v-for="(v, i) in moneyArr" :key="i" :style="{
-                'background-image': `url(${$img(
-                  money_1 == v
-                    ? '/static/img/mine_chong_tab_bg_act.png'
-                    : '/static/img/mine_chong_tab_bg.png'
-                )})`
-              }">
+							'background-image': `url(${$img(
+								money_1 == v
+									? '/static/img/mine_chong_tab_bg_act.png'
+									: '/static/img/mine_chong_tab_bg.png'
+							)})`
+						}">
 							￥
 							<text style="font-size: 32rpx">{{ v }}</text>
 						</view>
@@ -185,8 +188,8 @@
 					<view class="money">需支付:{{ money_1 || 0 }}元</view>
 
 					<view @click="chongzhi_click" class="pay-btn common_bg" :style="{
-              'background-image': `url(${$img('/static/img/mine_qrcz.png')})`
-            }"></view>
+						'background-image': `url(${$img('/static/img/mine_qrcz.png')})`
+					}"></view>
 				</view>
 
 				<!-- <view
@@ -210,7 +213,8 @@
 					<image :src="z_imgPath + 'mine/tx_tips.png'" style="width: 162rpx; height: 47rpx"></image>
 					<view class="ca" @click="tixian_show = false">
 						<image :src="z_imgPath + 'mine/qu_close.png?11'"
-							style="width: 48rpx; height: 48rpx; margin-top: 14rpx"></image>
+							style="width: 48rpx; height: 48rpx; margin-top: 14rpx">
+						</image>
 					</view>
 				</view>
 				<view class="pop_head">
@@ -257,12 +261,11 @@
 						</view>
 					</view>
 				</view>
-				<view class="pop_chongzhi" @click="tixian_click" :style="
-            'background: url(' +
-            z_imgPath +
-            'mine/allBtn_bg.png' +
-            ') no-repeat 0 0 / 100% 100%;'
-          ">
+				<view class="pop_chongzhi" @click="tixian_click" :style="'background: url(' +
+					z_imgPath +
+					'mine/allBtn_bg.png' +
+					') no-repeat 0 0 / 100% 100%;'
+					">
 					确认提现
 				</view>
 				<!-- <image :src="z_imgPath+'mine/qrtx.png'" class="pop_chongzhi" @click="tixian_click()"></image> -->
@@ -273,1467 +276,1476 @@
 </template>
 
 <script>
-	export default {
-		components: {},
-		data() {
-			return {
-				z_imgPath: this.$z_img2,
-				userinfo: '',
-				moneyArr: [100, 200, 500, 1000, 3000],
-				menuList: [{
-						id: 1,
-						show: true,
-						title: '消费记录',
-						icon: 'my/s1.png',
-						path: '/pages/other/order_list'
-					},
-					{
-						id: 2,
-						show: true,
-						title: '兑换记录',
-						icon: 'my/s2.png',
-						path: '/pages/user/hsjl'
-					},
-					{
-						id: 3,
-						show: true,
-						title: '我的收藏',
-						icon: 'my/s3.png',
-						path: '/package/mine/collect'
-					},
-					{
-						id: 4,
-						show: true,
-						title: '优惠券',
-						icon: 'my/s4.png',
-						path: '/pages/user/coupon'
-					},
-					{
-						id: 5,
-						show: true,
-						title: '邀请好友',
-						icon: 'my/s5.png',
-						path: '/pages/user/tui-guang'
-					},
-					{
-						id: 6,
-						show: true,
-						title: '加入福利群',
-						icon: 'my/s6.png',
-						path: ''
-					},
-					{
-						id: 7,
-						show: true,
-						title: '用户协议',
-						icon: 'my/s7.png',
-						path: '/pages/guize/guize?type=4'
-					},
-					// {
-					// 	id: 8,
-					// 	show: true,
-					// 	title: '道具卡',
-					// 	icon: 'my/s8.png',
-					// 	path: '/package/mine/skill-card'
-					// },
-					// {
-					//   id: 9,
-					//   show:true,
-					//   title: '挂售记录',
-					//   icon: '/static/img/2_gsjl.png',
-					//   path: ''
-					// },
-					// {
-					//   id: 10,
-					//   show:true,
-					//   title: '晋升排行榜',
-					//   icon: '/static/img/2_jsphb.png',
-					//   path: '/pages/shouye/bangdan'
-					// },
-				],
-				// 星钻充值金额
-				money_1: '',
-				// 二维码
-				ewm: '',
-				// 1:微信提现 2:支付宝提现
-				tixian_index: 1,
-				// 星钻提现金额
-				money_2: '',
-				// 提现姓名
-				name: '',
-				// 提现账户
-				number: '',
-				// 收藏数组
-				mycollectArr: [],
-
-				list: [{
-						// img: 'mine/img01.png?1',
-						// sel: 'mine/sel01.png?1',
-						name: '一番赏收藏'
-					},
-					{
-						// img: 'mine/img02.png?1',
-						// sel: 'mine/sel02.png?1'
-						name: '无限池收藏'
-					}
-				],
-				show: 1,
-				tixian_show: false,
-				taskList: []
-			}
-		},
-		onLoad(e) {
-			if (e.ou_coupon_id) {
-				uni.setStorageSync('_ou_coupon_id', e.ou_coupon_id)
-			}
-			if (e.pid) {
-				uni.setStorageSync('pid', e.pid)
-			}
-		},
-		onHide() {
-			uni.setStorageSync('page', this.$mp.page.route)
-		},
-		onShareAppMessage() {
-			return {
-				title: "友达赏，正版潮玩手办一番赏",
-				// imageUrl: '',
-				path: '/pages/user/index?pid=' + uni.getStorageSync('userinfo').ID
-			}
-		},
-		onShow() {
-			this.getdata()
-			// this.getmycollect()
-			let that = this
-			const curPages = getCurrentPages()[0]; // 获取当前页面实例
-			if (typeof curPages.getTabBar === 'function' && curPages.getTabBar()) {
-				this.$mp.page.getTabBar().setData({
-					selected: 4
-				});
-			}
-		},
-		methods: {
-			receiveCoupon() {
-				const coupon_id = uni.getStorageSync('_ou_coupon_id')
-
-				this.req({
-					url: 'coupon_ling',
-					data: {
-						coupon_id
-					},
-					success: res => {
-						uni.removeStorageSync('_ou_coupon_id')
-
-						if (res.status == 1) {
-							this.$c.toast({
-								title: res.msg,
-								duration: 500,
-								success: () => {
-									this.$c.to({
-										url: '/package/mine/coupon-detail',
-										query: {
-											id: coupon_id
-										}
-									})
-								}
-							})
-						} else if (res.status == 2222) {
-							this.$c.to({
-								url: '/package/mine/coupon-detail',
-								query: {
-									id: coupon_id
-								}
-							})
-						}
-					}
-				})
+export default {
+	components: {},
+	data() {
+		return {
+			z_imgPath: this.$z_img2,
+			userinfo: '',
+			moneyArr: [100, 200, 500, 1000, 3000],
+			menuList: [{
+				id: 1,
+				show: true,
+				title: '消费记录',
+				icon: 'my/s1.png',
+				path: '/pages/other/order_list'
 			},
-
-			completeTask(item) {
-				this.req({
-					url: 'ling_task',
-					data: {
-						task_list_id: item.id
-					},
-					success: res => {
-						if (res.status == 1) {
-							this.$c.toast({
-								title: res.msg,
-								duration: 500,
-								success: () => {
-									this.getdata()
-								}
-							})
-						}
-					}
-				})
+			{
+				id: 2,
+				show: true,
+				title: '兑换记录',
+				icon: 'my/s2.png',
+				path: '/pages/user/hsjl'
 			},
-
-			menuTo(item) {
-				switch (item.id) {
-					case 6:
-						this.$refs.qunliao_show.open()
-						break
-					default:
-						this.$c.to({
-							url: item.path
-						})
-						break
-				}
+			{
+				id: 3,
+				show: true,
+				title: '我的收藏',
+				icon: 'my/s3.png',
+				path: '/package/mine/collect'
 			},
-
-			copy(e) {
-				uni.setClipboardData({
-					data: `${e}`,
-					success: result => {},
-					fail: error => {}
-				})
+			{
+				id: 4,
+				show: true,
+				title: '优惠券',
+				icon: 'my/s4.png',
+				path: '/pages/user/coupon'
 			},
-
-			tokefu() {
-				// #ifdef  MP-WEIXIN
-				wx.openCustomerServiceChat({
-					extInfo: {
-						url: uni.getStorageSync('wx_link') //客服地址链接
-					},
-					corpId: uni.getStorageSync('corpid'), //必须和你小程序上的一致
-					success(res) {
-						console.log(res, 1)
-					},
-					fail(res) {
-						console.log(res, 2)
-					}
-				})
-				// #endif
+			{
+				id: 5,
+				show: true,
+				title: '邀请好友',
+				icon: 'my/s5.png',
+				path: '/pages/user/tui-guang'
 			},
-			getPhoneNumber(e) {
-				// console.log(e)
-				let that = this
-				uni.login({
-					success(res) {
-						// console.log(res)
-						uni.checkSession({
-							success() {
-								that.req({
-									url: 'login_bind_mobile',
-									data: {
-										code: e.detail.code,
-										encryptedData: e.detail.encryptedData,
-										iv: e.detail.iv
-									},
-									success(res) {
-										if (res.status == 1) {
-											uni.showToast({
-												title: '绑定成功~',
-												success() {
-													that.getdata()
-												}
-											})
-										}
+			{
+				id: 6,
+				show: true,
+				title: '加入福利群',
+				icon: 'my/s6.png',
+				path: ''
+			},
+			{
+				id: 7,
+				show: true,
+				title: '用户协议',
+				icon: 'my/s7.png',
+				path: '/pages/guize/guize?type=4'
+			},
+				// {
+				// 	id: 8,
+				// 	show: true,
+				// 	title: '道具卡',
+				// 	icon: 'my/s8.png',
+				// 	path: '/package/mine/skill-card'
+				// },
+				// {
+				//   id: 9,
+				//   show:true,
+				//   title: '挂售记录',
+				//   icon: '/static/img/2_gsjl.png',
+				//   path: ''
+				// },
+				// {
+				//   id: 10,
+				//   show:true,
+				//   title: '晋升排行榜',
+				//   icon: '/static/img/2_jsphb.png',
+				//   path: '/pages/shouye/bangdan'
+				// },
+			],
+			// 星钻充值金额
+			money_1: '',
+			// 二维码
+			ewm: '',
+			// 1:微信提现 2:支付宝提现
+			tixian_index: 1,
+			// 星钻提现金额
+			money_2: '',
+			// 提现姓名
+			name: '',
+			// 提现账户
+			number: '',
+			// 收藏数组
+			mycollectArr: [],
+
+			list: [{
+				// img: 'mine/img01.png?1',
+				// sel: 'mine/sel01.png?1',
+				name: '一番赏收藏'
+			},
+			{
+				// img: 'mine/img02.png?1',
+				// sel: 'mine/sel02.png?1'
+				name: '无限池收藏'
+			}
+			],
+			show: 1,
+			tixian_show: false,
+			taskList: []
+		}
+	},
+	onLoad(e) {
+		if (e.ou_coupon_id) {
+			uni.setStorageSync('_ou_coupon_id', e.ou_coupon_id)
+		}
+		if (e.pid) {
+			uni.setStorageSync('pid', e.pid)
+		}
+	},
+	onHide() {
+		uni.setStorageSync('page', this.$mp.page.route)
+	},
+	onShareAppMessage() {
+		return {
+			title: "友达赏，正版潮玩手办一番赏",
+			// imageUrl: '',
+			path: '/pages/user/index?pid=' + uni.getStorageSync('userinfo').ID
+		}
+	},
+	onShow() {
+		this.getdata()
+		// this.getmycollect()
+		let that = this
+		const curPages = getCurrentPages()[0]; // 获取当前页面实例
+		if (typeof curPages.getTabBar === 'function' && curPages.getTabBar()) {
+			this.$mp.page.getTabBar().setData({
+				selected: 4
+			});
+		}
+	},
+	methods: {
+		toChange() {
+			var user = uni.getStorageSync('userinfo');
+			if (user == null || user == "") {
+				this.$c.nav("/pages/user/login")
+				return;
+			}
+
+			this.$c.to({ url: '/pages/user/change' })
+		},
+		receiveCoupon() {
+			const coupon_id = uni.getStorageSync('_ou_coupon_id')
+
+			this.req({
+				url: 'coupon_ling',
+				data: {
+					coupon_id
+				},
+				success: res => {
+					uni.removeStorageSync('_ou_coupon_id')
+
+					if (res.status == 1) {
+						this.$c.toast({
+							title: res.msg,
+							duration: 500,
+							success: () => {
+								this.$c.to({
+									url: '/package/mine/coupon-detail',
+									query: {
+										id: coupon_id
 									}
 								})
 							}
 						})
+					} else if (res.status == 2222) {
+						this.$c.to({
+							url: '/package/mine/coupon-detail',
+							query: {
+								id: coupon_id
+							}
+						})
 					}
-				})
-			},
-
-			getlist(index) {
-				this.show = index
-				this.mycollectArr = []
-				this.getmycollect()
-			},
-			todetail(a) {
-				if (a.type == 2) {
-					uni.navigateTo({
-						url: '/pages/shouye/detail_wuxian?goods_id=' + a.goods_id
-					})
-				} else {
-					uni.navigateTo({
-						url: '/pages/shouye/detail?goods_id=' +
-							a.goods_id +
-							'&goods_num=' +
-							a.num
-					})
 				}
-			},
+			})
+		},
 
-			del_soucang(a) {
-				let that = this
-				that.req({
-					url: 'delCollect',
-					data: {
-						id: a
-					},
-					success(res) {
-						if (res.status == 1) {
-							that.getmycollect()
-						}
+		completeTask(item) {
+			this.req({
+				url: 'ling_task',
+				data: {
+					task_list_id: item.id
+				},
+				success: res => {
+					if (res.status == 1) {
+						this.$c.toast({
+							title: res.msg,
+							duration: 500,
+							success: () => {
+								this.getdata()
+							}
+						})
 					}
-				})
-			},
+				}
+			})
+		},
 
-			chongzhi_click() {
-				let that = this
-				that.req({
-					url: 'recharge',
-					data: {
-						money: that.money_1
-					},
-					success(res) {
-						if (res.status == 1) {
-							uni.requestPayment({
-								provider: 'wxpay',
-								timeStamp: res.data.timeStamp,
-								nonceStr: res.data.nonceStr,
-								package: res.data.package,
-								signType: 'MD5',
-								paySign: res.data.paySign,
-								complete(res) {
-									if (res.errMsg == 'requestPayment:fail cancel') {
+		menuTo(item) {
+			switch (item.id) {
+				case 6:
+					this.$refs.qunliao_show.open()
+					break
+				default:
+					this.$c.to({
+						url: item.path
+					})
+					break
+			}
+		},
+
+		copy(e) {
+			uni.setClipboardData({
+				data: `${e}`,
+				success: result => { },
+				fail: error => { }
+			})
+		},
+
+		tokefu() {
+			// #ifdef  MP-WEIXIN
+			wx.openCustomerServiceChat({
+				extInfo: {
+					url: uni.getStorageSync('wx_link') //客服地址链接
+				},
+				corpId: uni.getStorageSync('corpid'), //必须和你小程序上的一致
+				success(res) {
+					console.log(res, 1)
+				},
+				fail(res) {
+					console.log(res, 2)
+				}
+			})
+			// #endif
+		},
+		getPhoneNumber(e) {
+			// console.log(e)
+			let that = this
+			uni.login({
+				success(res) {
+					// console.log(res)
+					uni.checkSession({
+						success() {
+							that.req({
+								url: 'login_bind_mobile',
+								data: {
+									code: e.detail.code,
+									encryptedData: e.detail.encryptedData,
+									iv: e.detail.iv
+								},
+								success(res) {
+									if (res.status == 1) {
 										uni.showToast({
-											title: '取消支付',
-											icon: 'loading',
-											duration: 1000
+											title: '绑定成功~',
+											success() {
+												that.getdata()
+											}
 										})
 									}
-									if (res.errMsg == 'requestPayment:ok') {
-										that.$refs.chongzhi_show.close()
-										that.getdata()
-									}
 								}
 							})
 						}
-					}
-				})
-			},
+					})
+				}
+			})
+		},
 
-			getdata() {
-				let that = this
-				that.req({
-					url: 'user',
-					success(res) {
-						if (res.status == 1) {
-							that.ewm = res.data.other.erweima
-							that.moneyArr = res.data.other.recharge
-							that.userinfo = res.data.userinfo
-							that.taskList = res.data.task_list
-							console.log(that.userinfo.mobile_is);
-							uni.setStorageSync('userinfo', that.userinfo)
-							uni.setStorageSync('jump_appid', res.data.other.jump_appid)
-							uni.setStorageSync('wx_link', res.data.other.wx_link)
-							uni.setStorageSync('corpid', res.data.other.corpid)
-							console.log(res.data.userinfo.js_is_open)
-							if (
-								uni.getStorageSync('_ou_coupon_id') &&
-								uni.getStorageSync('token')
-							) {
-								setTimeout(() => {
-									that.receiveCoupon()
-								}, 100)
-							}
-							that.menuList.map(item => {
-								/* 判断集市是否展示 */
-								if (
-									item.id == 11 &&
-									res.data.userinfo.js_is_open == 1 &&
-									res.data.userinfo.is_show_js == 1
-								) {
-									item.show = true
-								} else {
-									if (item.id == 11) {
-										item.show = false
-									}
-								}
-							})
-						}
-					}
+		getlist(index) {
+			this.show = index
+			this.mycollectArr = []
+			this.getmycollect()
+		},
+		todetail(a) {
+			if (a.type == 2) {
+				uni.navigateTo({
+					url: '/pages/shouye/detail_wuxian?goods_id=' + a.goods_id
 				})
-			},
-			getmycollect() {
-				let that = this
-				that.req({
-					url: 'listCollect',
-					Loading: true,
-					data: {
-						type: that.show
-					},
-					success(res) {
-						if (res.status == 1) {
-							that.mycollectArr = res.data.data
-						}
-					}
+			} else {
+				uni.navigateTo({
+					url: '/pages/shouye/detail?goods_id=' +
+						a.goods_id +
+						'&goods_num=' +
+						a.num
 				})
-			},
-			tixian_click() {
-				let that = this
-				console.log(that.money_2)
-				that.req({
-					url: 'withdraw',
-					data: {
-						type: that.tixian_index,
-						money: that.money_2,
-						name: that.name,
-						number: that.number
-					},
-					success(res) {
-						that.money_2 = ''
-						if (res.status == 0) {
-							that.tixian_show = false
-						}
-					}
-				})
-			},
-			//跳转页面
-			toPage(id) {
-				if (id == 1) {
-					this.$c.to({
-						url: '/pages/user/tui-guang'
-					})
-				} else {
-					this.$c.to({
-						type: 3,
-						url: '/pages/shouye/index'
-					})
-				}
-			},
-			/**
-			 * 格式化数字，如果小数部分是.00则只显示整数部分
-			 * @param {Number|String} num - 要格式化的数字
-			 * @param {String} defaultVal - 默认值，当num为空时返回
-			 * @return {String} - 格式化后的数字字符串
-			 */
-			formatNumber(num, defaultVal = '0') {
-				if (num === undefined || num === null || num === ''||num===0) {
-					return defaultVal;
-				}
-				
-				const numStr = num.toString();
-				if (numStr.endsWith('.00')) {
-					return parseFloat(num).toFixed(0);
-				}
-				
-				return numStr;
 			}
+		},
+
+		del_soucang(a) {
+			let that = this
+			that.req({
+				url: 'delCollect',
+				data: {
+					id: a
+				},
+				success(res) {
+					if (res.status == 1) {
+						that.getmycollect()
+					}
+				}
+			})
+		},
+
+		chongzhi_click() {
+			let that = this
+			that.req({
+				url: 'recharge',
+				data: {
+					money: that.money_1
+				},
+				success(res) {
+					if (res.status == 1) {
+						uni.requestPayment({
+							provider: 'wxpay',
+							timeStamp: res.data.timeStamp,
+							nonceStr: res.data.nonceStr,
+							package: res.data.package,
+							signType: 'MD5',
+							paySign: res.data.paySign,
+							complete(res) {
+								if (res.errMsg == 'requestPayment:fail cancel') {
+									uni.showToast({
+										title: '取消支付',
+										icon: 'loading',
+										duration: 1000
+									})
+								}
+								if (res.errMsg == 'requestPayment:ok') {
+									that.$refs.chongzhi_show.close()
+									that.getdata()
+								}
+							}
+						})
+					}
+				}
+			})
+		},
+
+		getdata() {
+			let that = this
+			that.req({
+				url: 'user',
+				success(res) {
+					if (res.status == 1) {
+						that.ewm = res.data.other.erweima
+						that.moneyArr = res.data.other.recharge
+						that.userinfo = res.data.userinfo
+						that.taskList = res.data.task_list
+						console.log(that.userinfo.mobile_is);
+						uni.setStorageSync('userinfo', that.userinfo)
+						uni.setStorageSync('jump_appid', res.data.other.jump_appid)
+						uni.setStorageSync('wx_link', res.data.other.wx_link)
+						uni.setStorageSync('corpid', res.data.other.corpid)
+						console.log(res.data.userinfo.js_is_open)
+						if (
+							uni.getStorageSync('_ou_coupon_id') &&
+							uni.getStorageSync('token')
+						) {
+							setTimeout(() => {
+								that.receiveCoupon()
+							}, 100)
+						}
+						that.menuList.map(item => {
+							/* 判断集市是否展示 */
+							if (
+								item.id == 11 &&
+								res.data.userinfo.js_is_open == 1 &&
+								res.data.userinfo.is_show_js == 1
+							) {
+								item.show = true
+							} else {
+								if (item.id == 11) {
+									item.show = false
+								}
+							}
+						})
+					}
+				}
+			})
+		},
+		getmycollect() {
+			let that = this
+			that.req({
+				url: 'listCollect',
+				Loading: true,
+				data: {
+					type: that.show
+				},
+				success(res) {
+					if (res.status == 1) {
+						that.mycollectArr = res.data.data
+					}
+				}
+			})
+		},
+		tixian_click() {
+			let that = this
+			console.log(that.money_2)
+			that.req({
+				url: 'withdraw',
+				data: {
+					type: that.tixian_index,
+					money: that.money_2,
+					name: that.name,
+					number: that.number
+				},
+				success(res) {
+					that.money_2 = ''
+					if (res.status == 0) {
+						that.tixian_show = false
+					}
+				}
+			})
+		},
+		//跳转页面
+		toPage(id) {
+			if (id == 1) {
+				this.$c.to({
+					url: '/pages/user/tui-guang'
+				})
+			} else {
+				this.$c.to({
+					type: 3,
+					url: '/pages/shouye/index'
+				})
+			}
+		},
+		/**
+		 * 格式化数字，如果小数部分是.00则只显示整数部分
+		 * @param {Number|String} num - 要格式化的数字
+		 * @param {String} defaultVal - 默认值，当num为空时返回
+		 * @return {String} - 格式化后的数字字符串
+		 */
+		formatNumber(num, defaultVal = '0') {
+			if (num === undefined || num === null || num === '' || num === 0) {
+				return defaultVal;
+			}
+
+			const numStr = num.toString();
+			if (numStr.endsWith('.00')) {
+				return parseFloat(num).toFixed(0);
+			}
+
+			return numStr;
 		}
 	}
+}
 </script>
 
 <style lang="scss">
-	.pop_title {
-		font-size: 48rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-		color: #ffffff;
+.pop_title {
+	font-size: 48rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+	color: #ffffff;
+	text-align: center;
+	margin-bottom: 30rpx;
+}
+
+.mineInfo {
+	width: 720rpx;
+	/* height: 323rpx; */
+	/* background: url(https://xiongmaomh.languoyun.cn/newindex/mineTop.png) no-repeat; */
+	background-size: 100% 100%;
+	box-sizing: border-box;
+	margin: 0 auto;
+	box-sizing: border-box;
+	padding: 35rpx 36rpx 0;
+}
+
+page {
+	/* background: #000000; */
+}
+
+.selTitle {
+	font-size: 36rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+	color: #ffffff;
+	text-shadow: 0px 3px 8px rgba(48, 251, 253, 0.32);
+}
+
+.noTitle {
+	font-size: 36rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+	color: #666666;
+}
+
+.qiehuan {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 750rpx;
+}
+
+.qiehuan_line {
+	margin: -10rpx auto;
+	width: 30rpx;
+	height: 20rpx;
+	border-bottom: 4rpx solid #1ff7f0;
+	border-radius: 4rpx;
+}
+
+.qiehuan image {
+	width: 169rpx;
+	height: 38rpx;
+}
+
+.qiehuan>view {
+	flex: 1;
+	text-align: center;
+}
+
+.wzs {
+	font-size: 28rpx;
+	color: rgb(255, 255, 255);
+}
+
+.xzs {
+	font-size: 32rpx;
+	color: #ffffff;
+	text-shadow: 0px 0px 12rpx rgba(150, 255, 254, 0.7);
+}
+
+button::after {
+	border: none;
+}
+
+button {
+	background-color: transparent;
+	padding-left: 0;
+	padding-right: 0;
+	line-height: inherit;
+	border-radius: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 54rpx;
+	height: 54rpx;
+}
+
+.name_phone>input {
+	font-size: 28rpx;
+	margin-left: 40rpx;
+}
+
+.name_phone {
+	padding: 20rpx 0;
+	box-sizing: border-box;
+	border-bottom: 1px solid #eeeeee;
+}
+
+.pop_tixian_input {
+	margin: 20rpx 0;
+	padding-bottom: 20rpx;
+	display: flex;
+	justify-content: space-between;
+	font-size: 24rpx;
+	border-bottom: 1px solid #eeeeee;
+}
+
+.pop_head>view {
+	flex: 1;
+	text-align: center;
+	font-size: 28rpx;
+	margin-top: 20rpx;
+}
+
+.pop_head {
+	display: flex;
+	justify-content: space-between;
+}
+
+.pop_box>view {
+	width: 180rpx;
+	height: 80rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: 30rpx;
+	margin-right: 35rpx;
+
+	font-size: 28rpx;
+	font-family: zihun152hao-jijiachaojihei;
+	font-weight: 400;
+	color: #ffffff;
+}
+
+.pop_box>view:nth-child(3n + 3) {
+	margin-right: 0;
+}
+
+.pop_box {
+	display: flex;
+	justify-content: center;
+	flex-wrap: wrap;
+}
+
+.pop_coucent>input {
+	width: 630rpx;
+	height: 88rpx;
+	background: #222222;
+	border: none;
+	border-radius: 10rpx;
+	padding-left: 40rpx;
+	font-size: 24rpx;
+	box-sizing: border-box;
+	margin-top: 30rpx;
+}
+
+.pop_coucent {
+	width: 690rpx;
+	// border: 1rpx solid #fff;
+	// box-shadow: 0px 0px 10rpx 0px #1ff7f0;
+	padding: 30rpx;
+	background: rgba(34, 34, 34, 0.5);
+	box-sizing: border-box;
+	margin-top: 20rpx;
+	font-size: 28rpx;
+	color: #ffffff;
+}
+
+.pop_chongzhi {
+	width: 692rpx;
+	height: 88rpx;
+	margin: 48rpx auto 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 36rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+	color: #ffffff;
+}
+
+.ca {
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.order_title {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 32rpx;
+	color: #ffffff;
+	position: relative;
+	font-weight: normal;
+	padding: 10rpx 0;
+
+	.title {
 		text-align: center;
-		margin-bottom: 30rpx;
-	}
 
-	.mineInfo {
-		width: 720rpx;
-		/* height: 323rpx; */
-		/* background: url(https://xiongmaomh.languoyun.cn/newindex/mineTop.png) no-repeat; */
-		background-size: 100% 100%;
-		box-sizing: border-box;
-		margin: 0 auto;
-		box-sizing: border-box;
-		padding: 35rpx 36rpx 0;
-	}
-
-	page {
-		/* background: #000000; */
-	}
-
-	.selTitle {
 		font-size: 36rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-		color: #ffffff;
-		text-shadow: 0px 3px 8px rgba(48, 251, 253, 0.32);
-	}
-
-	.noTitle {
-		font-size: 36rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-		color: #666666;
-	}
-
-	.qiehuan {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		width: 750rpx;
-	}
-
-	.qiehuan_line {
-		margin: -10rpx auto;
-		width: 30rpx;
-		height: 20rpx;
-		border-bottom: 4rpx solid #1ff7f0;
-		border-radius: 4rpx;
-	}
-
-	.qiehuan image {
-		width: 169rpx;
-		height: 38rpx;
-	}
-
-	.qiehuan>view {
-		flex: 1;
-		text-align: center;
-	}
-
-	.wzs {
-		font-size: 28rpx;
-		color: rgb(255, 255, 255);
-	}
-
-	.xzs {
-		font-size: 32rpx;
-		color: #ffffff;
-		text-shadow: 0px 0px 12rpx rgba(150, 255, 254, 0.7);
-	}
-
-	button::after {
-		border: none;
-	}
-
-	button {
-		background-color: transparent;
-		padding-left: 0;
-		padding-right: 0;
-		line-height: inherit;
-		border-radius: 0;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		width: 54rpx;
-		height: 54rpx;
-	}
-
-	.name_phone>input {
-		font-size: 28rpx;
-		margin-left: 40rpx;
-	}
-
-	.name_phone {
-		padding: 20rpx 0;
-		box-sizing: border-box;
-		border-bottom: 1px solid #eeeeee;
-	}
-
-	.pop_tixian_input {
-		margin: 20rpx 0;
-		padding-bottom: 20rpx;
-		display: flex;
-		justify-content: space-between;
-		font-size: 24rpx;
-		border-bottom: 1px solid #eeeeee;
-	}
-
-	.pop_head>view {
-		flex: 1;
-		text-align: center;
-		font-size: 28rpx;
-		margin-top: 20rpx;
-	}
-
-	.pop_head {
-		display: flex;
-		justify-content: space-between;
-	}
-
-	.pop_box>view {
-		width: 180rpx;
-		height: 80rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		margin-top: 30rpx;
-		margin-right: 35rpx;
-
-		font-size: 28rpx;
 		font-family: zihun152hao-jijiachaojihei;
 		font-weight: 400;
 		color: #ffffff;
 	}
+}
 
-	.pop_box>view:nth-child(3n + 3) {
-		margin-right: 0;
-	}
+.order {
+	width: 750rpx;
+	background: #0d0d0d;
+	border-radius: 30rpx 30rpx 0px 0px;
+	padding: 10rpx 30rpx 48rpx;
+	box-sizing: border-box;
+	position: absolute;
+	bottom: var(--window-bottom);
 
-	.pop_box {
+	border-top: 2px solid transparent;
+	background-clip: padding-box, border-box;
+	background-origin: padding-box, border-box;
+	background-image: linear-gradient(to right, #000, #000),
+		linear-gradient(20deg, #ffffff, #a11aff, #85dfff, #ba39ff);
+
+	.chong-bt {
 		display: flex;
-		justify-content: center;
-		flex-wrap: wrap;
-	}
-
-	.pop_coucent>input {
-		width: 630rpx;
-		height: 88rpx;
-		background: #222222;
-		border: none;
-		border-radius: 10rpx;
-		padding-left: 40rpx;
-		font-size: 24rpx;
-		box-sizing: border-box;
-		margin-top: 30rpx;
-	}
-
-	.pop_coucent {
-		width: 690rpx;
-		// border: 1rpx solid #fff;
-		// box-shadow: 0px 0px 10rpx 0px #1ff7f0;
-		padding: 30rpx;
-		background: rgba(34, 34, 34, 0.5);
-		box-sizing: border-box;
-		margin-top: 20rpx;
-		font-size: 28rpx;
-		color: #ffffff;
-	}
-
-	.pop_chongzhi {
-		width: 692rpx;
-		height: 88rpx;
-		margin: 48rpx auto 0;
-		display: flex;
-		justify-content: center;
+		justify-content: space-between;
 		align-items: center;
-		font-size: 36rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-		color: #ffffff;
-	}
+		padding: 40rpx 0 0;
 
-	.ca {
-		position: absolute;
-		right: 0;
-		top: 50%;
-		transform: translateY(-50%);
-	}
-
-	.order_title {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		font-size: 32rpx;
-		color: #ffffff;
-		position: relative;
-		font-weight: normal;
-		padding: 10rpx 0;
-
-		.title {
-			text-align: center;
-
-			font-size: 36rpx;
+		.money {
+			font-size: 28rpx;
 			font-family: zihun152hao-jijiachaojihei;
 			font-weight: 400;
 			color: #ffffff;
 		}
+
+		.pay-btn {
+			width: 206rpx;
+			height: 84rpx;
+		}
+	}
+}
+
+.pop {
+	width: 506rpx;
+	height: 380px;
+	position: relative;
+	background: #B198E2;
+	box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33);
+	border-radius: 44rpx;
+
+	>view:nth-child(1) {
+		padding-top: 40rpx;
+
+		>image {
+			width: 430rpx;
+			height: 430rpx;
+			margin: 0 auto 0;
+			background: #FFFFFF;
+		}
 	}
 
-	.order {
-		width: 750rpx;
-		background: #0d0d0d;
-		border-radius: 30rpx 30rpx 0px 0px;
-		padding: 10rpx 30rpx 48rpx;
-		box-sizing: border-box;
+	&-view {
 		position: absolute;
-		bottom: var(--window-bottom);
-
-		border-top: 2px solid transparent;
-		background-clip: padding-box, border-box;
-		background-origin: padding-box, border-box;
-		background-image: linear-gradient(to right, #000, #000),
-			linear-gradient(20deg, #ffffff, #a11aff, #85dfff, #ba39ff);
-
-		.chong-bt {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 40rpx 0 0;
-
-			.money {
-				font-size: 28rpx;
-				font-family: zihun152hao-jijiachaojihei;
-				font-weight: 400;
-				color: #ffffff;
-			}
-
-			.pay-btn {
-				width: 206rpx;
-				height: 84rpx;
-			}
-		}
-	}
-
-	.pop {
-		width: 506rpx;
-		height: 380px;
-		position: relative;
-		background: #B198E2;
-		box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33);
-		border-radius: 44rpx;
-
-		>view:nth-child(1) {
-			padding-top: 40rpx;
-
-			>image {
-				width: 430rpx;
-				height: 430rpx;
-				margin: 0 auto 0;
-				background: #FFFFFF;
-			}
-		}
-
-		&-view {
-			position: absolute;
-			left: 0;
-			bottom: 0;
-			width: 506rpx;
-			height: 276rpx;
-			box-sizing: border-box;
-			padding: 68rpx 0 0 40rpx;
-			background: url($imgurl+'index/hudu.png') no-repeat 0 0 / 100% 100%;
-
-			>text:nth-child(1) {
-				font-weight: 400;
-				font-size: 52rpx;
-				color: #894DD3;
-				text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
-			}
-
-			>text:nth-child(2) {
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #894DD3;
-				margin-top: 10rpx;
-			}
-		}
-
-		&-liwu {
-			position: absolute;
-			right: -160rpx;
-			width: 380rpx;
-			height: 260rpx;
-			bottom: -60rpx;
-			z-index: 10;
-		}
-
-		&-close {
-			width: 94rpx;
-			height: 94rpx;
-			position: absolute;
-			bottom: -140rpx;
-			left: 50%;
-			transform: translateX(-50%);
-			opacity: 0.6;
-		}
-	}
-
-	.mengban {
-		width: 100%;
-		height: 100%;
-		position: fixed;
-		top: 0;
 		left: 0;
-		right: 0;
-		z-index: 999;
-		background: rgba(0, 0, 0, 0.45);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.p_t_r {
-		position: absolute;
-		top: -20rpx;
-		right: -10rpx;
-		width: 32rpx !important;
-		height: 32rpx !important;
-	}
-
-	.shop_item>image {
-		width: 216rpx;
-		height: 216rpx;
-		border-radius: 8rpx 8rpx 0 0;
-		margin: 13rpx auto;
-		display: block;
-	}
-
-	.shop_text>.hang1 {
-		margin-bottom: 10rpx;
-	}
-
-	.shop_text {
-		padding: 2rpx 23rpx;
-		box-sizing: border-box;
-	}
-
-	.shop_item {
-		width: 242rpx;
-		height: 343rpx;
-		/* border-radius: 10rpx; */
-		margin-top: 10rpx;
-		position: relative;
-		color: #ffffff;
-		font-size: 24rpx;
-	}
-
-	.shop_coucent>view:nth-child(3n-1) {
-		margin: 10rpx 0rpx 0;
-	}
-
-	.shop_coucent {
-		display: flex;
-		flex-wrap: wrap;
-		font-size: 24rpx;
-	}
-
-	.sc_title {
-		width: 686rpx;
-		height: 22rpx;
-		margin: 0 auto;
-	}
-
-	.tuijian {
-		width: 750rpx;
-		padding: 0 13rpx 100rpx 13rpx;
-		box-sizing: border-box;
-		margin: 30rpx auto;
-		/* background-color: #222; */
-	}
-
-	.list>view>view>image {
-		margin-right: 20rpx;
-	}
-
-	.list image {
-		width: 12rpx;
-		height: 22rpx;
-	}
-
-	.list>view>view>image:nth-of-type(1) {
-		width: 32rpx;
-		height: 32rpx;
-	}
-
-	.list>view>view {
-		display: flex;
-		align-items: center;
-	}
-
-	.list>view {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		/* border-bottom: 1px solid #EEEEEE; */
-		padding: 24rpx 0;
-	}
-
-	.list {
-		width: 710rpx;
-		/* height: 700rpx; */
-		margin: 0 auto;
-		padding: 0rpx 20rpx;
-		box-sizing: border-box;
-		font-size: 28rpx;
-		color: #ffffff;
-
-		/* background: linear-gradient(135deg, transparent 10px, #F07D17 0); */
-		/* 	background: url(https://hdyfs.languowangluo.cn/zcq/mine/cz_bg.png) no-repeat; */
-		/* background-size: 100% 100%; */
-	}
-
-	.hegui image {
-		width: 32rpx;
-		height: 32rpx;
-		margin-right: 20rpx;
-	}
-
-	.hegui>image {
-		width: 40rpx;
-		height: 40rpx;
-		margin: 0;
-	}
-
-	.hegui>view {
-		display: flex;
-		align-items: center;
-		color: #ffffff;
-		font-size: 28rpx;
-	}
-
-	.hegui {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		width: 690rpx;
-		height: 99rpx;
-		background: rgba(15, 31, 67, 0.43);
-		border: 1px solid;
-		border-image: linear-gradient(269deg, #1ed3f9, #a31f9e, #2ad3f3, #c41fc1) 1 1;
-		border-radius: 10rpx;
-		margin: 30rpx auto;
-		padding: 0 20rpx;
-		box-sizing: border-box;
-	}
-
-	.tixian_r>image {
-		width: 143rpx;
-		height: 59rpx;
-	}
-
-	.tixian_r {
-		text-align: right;
-	}
-
-	.tixian_r>view:nth-child(2) {
-		width: 132rpx;
-		height: 48rpx;
-		background: #1ac762;
-		border-radius: 24rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		font-size: 28rpx;
-		color: #ffffff;
-		margin-top: 20rpx;
-	}
-
-	.tixian_r>view:nth-child(1) {
-		width: 132rpx;
-		height: 48rpx;
-		border: 1px solid #1ac762;
-		color: #1ac762;
-		border-radius: 24rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		font-size: 28rpx;
-		/* text-shadow: 0px 0px 14rpx rgba(237, 87, 255, 0.7);
-		font-family: 'zcq'; */
-	}
-
-	.tixian_l image {
-		width: 12rpx;
-		height: 22rpx;
-		margin-left: 10rpx;
-	}
-
-	.tixian_l {
-		font-size: 28rpx;
-		font-family: zihun152hao-jijiachaojihei;
-		font-weight: 400;
-		color: #ffffff;
-	}
-
-	.tixian {
-		width: 720rpx;
-		height: 210rpx;
-		margin: 30rpx auto 0;
-		border-radius: 20rpx;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 0 46rpx;
-		box-sizing: border-box;
-		color: #ffffff;
-	}
-
-	.youhui text {
-		margin-right: 10rpx;
-		font-size: 32rpx;
-		/* font-family: 'zcq'; */
-	}
-
-	.youhui>view>view:nth-of-type(2) {
-		font-size: 24rpx;
-		margin-top: 28rpx;
-	}
-
-	.youhui>view:nth-of-type(1)::after,
-	.youhui>view:nth-of-type(2)::after {
-		content: '';
-		width: 2rpx;
-		height: 40rpx;
-		/* background: #FFFFFF; */
-		position: absolute;
-		right: 0;
-		top: 0;
 		bottom: 0;
-		margin: auto;
-	}
-
-	.youhuiTitle {
-		font-size: 28rpx;
-		font-family: YouSheBiaoTiHei;
-		font-weight: 400;
-	}
-
-	.youhui>view {
-		font-size: 24rpx;
-		text-align: center;
-		position: relative;
-		flex: 1;
-	}
-
-	.youhui {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		/* width: 690rpx; */
-		height: 193rpx;
-		margin: 0rpx auto 0;
-		color: #ffffff;
-		padding-bottom: 30rpx;
-	}
-
-	.id_z>image {
-		width: 84rpx;
-		height: 20rpx;
-		margin-left: 20rpx;
-	}
-
-	.id_z {
-		font-size: 24rpx;
-		margin-top: 10rpx;
-		color: #999999;
-	}
-
-	.phone_z {
-		font-size: 32rpx;
-		/* font-weight: bold; */
-	}
-
-	.headimg {
-		width: 105rpx;
-		height: 105rpx;
-		border-radius: 50%;
-		margin-right: 30rpx;
-	}
-
-	.jp_headimg>image {
-		width: 132rpx;
-		height: 132rpx;
-		/* border: 1px solid #FE0032; */
-		border-radius: 50%;
-		/* 	clip-path: polygon(50% 10%, 85% 30%, 85% 70%, 50% 92%, 17% 71%, 16% 30%); */
-		/* polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0) */
-	}
-
-	.jp_headimg {
-		width: 132rpx;
-		height: 132rpx;
-		margin: 25rpx 0 0 12rpx;
-	}
-
-	.head_name {
-		display: flex;
-		justify-content: space-between;
-		position: relative;
-		/* text-shadow: rgba(150, 255, 254, 0.7) 0px 0px 10rpx; */
-	}
-
-	.header_title {
-		font-size: 40rpx;
-		font-family: iFontszhounianti;
-		font-weight: bold;
-		font-style: oblique;
-		color: #ffffff;
-	}
-
-	.header {
-		width: 100%;
-		color: #ffffff;
-		position: relative;
+		width: 506rpx;
+		height: 276rpx;
 		box-sizing: border-box;
+		padding: 68rpx 0 0 40rpx;
+		background: url($imgurl+'index/hudu.png') no-repeat 0 0 / 100% 100%;
 
-		padding-top: calc(var(--status-bar-height) + 80rpx);
+		>text:nth-child(1) {
+			font-weight: 400;
+			font-size: 52rpx;
+			color: #894DD3;
+			text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
+		}
+
+		>text:nth-child(2) {
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #894DD3;
+			margin-top: 10rpx;
+		}
 	}
 
-	.mine {
-		width: 750rpx;
+	&-liwu {
+		position: absolute;
+		right: -160rpx;
+		width: 380rpx;
+		height: 260rpx;
+		bottom: -60rpx;
+		z-index: 10;
+	}
+
+	&-close {
+		width: 94rpx;
+		height: 94rpx;
+		position: absolute;
+		bottom: -140rpx;
+		left: 50%;
+		transform: translateX(-50%);
+		opacity: 0.6;
+	}
+}
+
+.mengban {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	z-index: 999;
+	background: rgba(0, 0, 0, 0.45);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.p_t_r {
+	position: absolute;
+	top: -20rpx;
+	right: -10rpx;
+	width: 32rpx !important;
+	height: 32rpx !important;
+}
+
+.shop_item>image {
+	width: 216rpx;
+	height: 216rpx;
+	border-radius: 8rpx 8rpx 0 0;
+	margin: 13rpx auto;
+	display: block;
+}
+
+.shop_text>.hang1 {
+	margin-bottom: 10rpx;
+}
+
+.shop_text {
+	padding: 2rpx 23rpx;
+	box-sizing: border-box;
+}
+
+.shop_item {
+	width: 242rpx;
+	height: 343rpx;
+	/* border-radius: 10rpx; */
+	margin-top: 10rpx;
+	position: relative;
+	color: #ffffff;
+	font-size: 24rpx;
+}
+
+.shop_coucent>view:nth-child(3n-1) {
+	margin: 10rpx 0rpx 0;
+}
+
+.shop_coucent {
+	display: flex;
+	flex-wrap: wrap;
+	font-size: 24rpx;
+}
+
+.sc_title {
+	width: 686rpx;
+	height: 22rpx;
+	margin: 0 auto;
+}
+
+.tuijian {
+	width: 750rpx;
+	padding: 0 13rpx 100rpx 13rpx;
+	box-sizing: border-box;
+	margin: 30rpx auto;
+	/* background-color: #222; */
+}
+
+.list>view>view>image {
+	margin-right: 20rpx;
+}
+
+.list image {
+	width: 12rpx;
+	height: 22rpx;
+}
+
+.list>view>view>image:nth-of-type(1) {
+	width: 32rpx;
+	height: 32rpx;
+}
+
+.list>view>view {
+	display: flex;
+	align-items: center;
+}
+
+.list>view {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	/* border-bottom: 1px solid #EEEEEE; */
+	padding: 24rpx 0;
+}
+
+.list {
+	width: 710rpx;
+	/* height: 700rpx; */
+	margin: 0 auto;
+	padding: 0rpx 20rpx;
+	box-sizing: border-box;
+	font-size: 28rpx;
+	color: #ffffff;
+
+	/* background: linear-gradient(135deg, transparent 10px, #F07D17 0); */
+	/* 	background: url(https://hdyfs.languowangluo.cn/zcq/mine/cz_bg.png) no-repeat; */
+	/* background-size: 100% 100%; */
+}
+
+.hegui image {
+	width: 32rpx;
+	height: 32rpx;
+	margin-right: 20rpx;
+}
+
+.hegui>image {
+	width: 40rpx;
+	height: 40rpx;
+	margin: 0;
+}
+
+.hegui>view {
+	display: flex;
+	align-items: center;
+	color: #ffffff;
+	font-size: 28rpx;
+}
+
+.hegui {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	width: 690rpx;
+	height: 99rpx;
+	background: rgba(15, 31, 67, 0.43);
+	border: 1px solid;
+	border-image: linear-gradient(269deg, #1ed3f9, #a31f9e, #2ad3f3, #c41fc1) 1 1;
+	border-radius: 10rpx;
+	margin: 30rpx auto;
+	padding: 0 20rpx;
+	box-sizing: border-box;
+}
+
+.tixian_r>image {
+	width: 143rpx;
+	height: 59rpx;
+}
+
+.tixian_r {
+	text-align: right;
+}
+
+.tixian_r>view:nth-child(2) {
+	width: 132rpx;
+	height: 48rpx;
+	background: #1ac762;
+	border-radius: 24rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 28rpx;
+	color: #ffffff;
+	margin-top: 20rpx;
+}
+
+.tixian_r>view:nth-child(1) {
+	width: 132rpx;
+	height: 48rpx;
+	border: 1px solid #1ac762;
+	color: #1ac762;
+	border-radius: 24rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 28rpx;
+	/* text-shadow: 0px 0px 14rpx rgba(237, 87, 255, 0.7);
+		font-family: 'zcq'; */
+}
+
+.tixian_l image {
+	width: 12rpx;
+	height: 22rpx;
+	margin-left: 10rpx;
+}
+
+.tixian_l {
+	font-size: 28rpx;
+	font-family: zihun152hao-jijiachaojihei;
+	font-weight: 400;
+	color: #ffffff;
+}
+
+.tixian {
+	width: 720rpx;
+	height: 210rpx;
+	margin: 30rpx auto 0;
+	border-radius: 20rpx;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 0 46rpx;
+	box-sizing: border-box;
+	color: #ffffff;
+}
+
+.youhui text {
+	margin-right: 10rpx;
+	font-size: 32rpx;
+	/* font-family: 'zcq'; */
+}
+
+.youhui>view>view:nth-of-type(2) {
+	font-size: 24rpx;
+	margin-top: 28rpx;
+}
+
+.youhui>view:nth-of-type(1)::after,
+.youhui>view:nth-of-type(2)::after {
+	content: '';
+	width: 2rpx;
+	height: 40rpx;
+	/* background: #FFFFFF; */
+	position: absolute;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	margin: auto;
+}
+
+.youhuiTitle {
+	font-size: 28rpx;
+	font-family: YouSheBiaoTiHei;
+	font-weight: 400;
+}
+
+.youhui>view {
+	font-size: 24rpx;
+	text-align: center;
+	position: relative;
+	flex: 1;
+}
+
+.youhui {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	/* width: 690rpx; */
+	height: 193rpx;
+	margin: 0rpx auto 0;
+	color: #ffffff;
+	padding-bottom: 30rpx;
+}
+
+.id_z>image {
+	width: 84rpx;
+	height: 20rpx;
+	margin-left: 20rpx;
+}
+
+.id_z {
+	font-size: 24rpx;
+	margin-top: 10rpx;
+	color: #999999;
+}
+
+.phone_z {
+	font-size: 32rpx;
+	/* font-weight: bold; */
+}
+
+.headimg {
+	width: 105rpx;
+	height: 105rpx;
+	border-radius: 50%;
+	margin-right: 30rpx;
+}
+
+.jp_headimg>image {
+	width: 132rpx;
+	height: 132rpx;
+	/* border: 1px solid #FE0032; */
+	border-radius: 50%;
+	/* 	clip-path: polygon(50% 10%, 85% 30%, 85% 70%, 50% 92%, 17% 71%, 16% 30%); */
+	/* polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0) */
+}
+
+.jp_headimg {
+	width: 132rpx;
+	height: 132rpx;
+	margin: 25rpx 0 0 12rpx;
+}
+
+.head_name {
+	display: flex;
+	justify-content: space-between;
+	position: relative;
+	/* text-shadow: rgba(150, 255, 254, 0.7) 0px 0px 10rpx; */
+}
+
+.header_title {
+	font-size: 40rpx;
+	font-family: iFontszhounianti;
+	font-weight: bold;
+	font-style: oblique;
+	color: #ffffff;
+}
+
+.header {
+	width: 100%;
+	color: #ffffff;
+	position: relative;
+	box-sizing: border-box;
+
+	padding-top: calc(var(--status-bar-height) + 80rpx);
+}
+
+.mine {
+	width: 750rpx;
+	position: relative;
+	padding-bottom: 100px;
+	min-height: 100vh;
+	box-sizing: border-box;
+	background-color: #F7F7F7;
+	// background: #1C1B20 url($imgurl+'my/myBg.png') no-repeat 0 0 / 750rpx 500rpx;
+
+	.user-card {
 		position: relative;
-		padding-bottom: 100px;
-		min-height: 100vh;
-		box-sizing: border-box;
-		background-color: #F7F7F7;
-		// background: #1C1B20 url($imgurl+'my/myBg.png') no-repeat 0 0 / 750rpx 500rpx;
+		padding: 20rpx 30rpx;
 
-		.user-card {
-			position: relative;
-			padding: 20rpx 30rpx;
+		.user-info {
+			display: flex;
+			align-items: center;
 
-			.user-info {
-				display: flex;
-				align-items: center;
+			.avatar {
+				width: 100rpx;
+				height: 100rpx;
+				border-radius: 50%;
+				overflow: hidden;
+				background: #D8D8D8;
 
-				.avatar {
-					width: 100rpx;
-					height: 100rpx;
-					border-radius: 50%;
-					overflow: hidden;
-					background: #D8D8D8;
-
-					image {
-						width: 100%;
-						height: 100%;
-					}
-				}
-
-				.info {
-					width: calc(100% - 100rpx);
-					box-sizing: border-box;
-					padding-left: 30rpx;
-
-					.nick {
-						max-width: 200rpx;
-
-						font-size: 32rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #333333;
-					}
-
-					.user-day {
-						margin-top: 10rpx;
-
-						font-size: 24rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #8A8A8A;
-					}
+				image {
+					width: 100%;
+					height: 100%;
 				}
 			}
 
-			.lv-box {
-				height: 216rpx;
-				margin-top: 80rpx;
+			.info {
+				width: calc(100% - 100rpx);
 				box-sizing: border-box;
-				position: relative;
-				// background-color: #FFFFFF;
-				background: url($imgurl+'my/userVip.png') no-repeat 0 0 / 100% 100%;
-				padding-left: 136rpx;
+				padding-left: 30rpx;
 
-				&-dengji {
-					position: absolute;
-					left: 32rpx;
-					top: 16rpx;
-					font-weight: 500;
-					font-size: 48rpx;
+				.nick {
+					max-width: 200rpx;
+
+					font-size: 32rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
 					color: #333333;
-					width: 100rpx;
-					// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
 				}
 
-				&-ouqi {
+				.user-day {
+					margin-top: 10rpx;
 
-					position: absolute;
-					bottom: 24rpx;
-					left: 32rpx;
-
-					>text {
-						font-weight: 400;
-						font-size: 16rpx;
-						color: #4C4C4C;
-					}
-
-					>view {
-						width: 618rpx;
-						height: 6rpx;
-						border-radius: 6rpx;
-						// border: 1px solid #111111;
-
-						/deep/.cmd-progress-inner {
-							background: #CCCCCC;
-						}
-
-						>text {
-							font-weight: 400;
-							font-size: 20rpx;
-							color: #D2DBFF;
-							position: absolute;
-							left: 50%;
-							top: 0;
-							line-height: 6rpx;
-							transform: translateX(-50%);
-							z-index: 10;
-						}
-					}
+					font-size: 24rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #8A8A8A;
 				}
+			}
+		}
 
-				&-detail {
-					width: 96rpx;
-					height: 36rpx;
-					position: absolute;
-					left: 34rpx;
-					top: 86rpx;
+		.lv-box {
+			height: 216rpx;
+			margin-top: 80rpx;
+			box-sizing: border-box;
+			position: relative;
+			// background-color: #FFFFFF;
+			background: url($imgurl+'my/userVip.png') no-repeat 0 0 / 100% 100%;
+			padding-left: 136rpx;
+
+			&-dengji {
+				position: absolute;
+				left: 32rpx;
+				top: 16rpx;
+				font-weight: 500;
+				font-size: 48rpx;
+				color: #333333;
+				width: 100rpx;
+				// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
+			}
+
+			&-ouqi {
+
+				position: absolute;
+				bottom: 24rpx;
+				left: 32rpx;
+
+				>text {
 					font-weight: 400;
 					font-size: 16rpx;
 					color: #4C4C4C;
+				}
+
+				>view {
+					width: 618rpx;
+					height: 6rpx;
 					border-radius: 6rpx;
-					background-color: #E6F791;
-					// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
+					// border: 1px solid #111111;
+
+					/deep/.cmd-progress-inner {
+						background: #CCCCCC;
+					}
+
+					>text {
+						font-weight: 400;
+						font-size: 20rpx;
+						color: #D2DBFF;
+						position: absolute;
+						left: 50%;
+						top: 0;
+						line-height: 6rpx;
+						transform: translateX(-50%);
+						z-index: 10;
+					}
 				}
 			}
 
-			.rbtn {
+			&-detail {
+				width: 96rpx;
+				height: 36rpx;
 				position: absolute;
-				z-index: 10;
-				right: 10rpx;
-				top: 10rpx;
-				width: 110rpx;
-				height: 50rpx;
-				font-size: 28rpx;
-				font-family: Source Han Sans CN;
+				left: 34rpx;
+				top: 86rpx;
 				font-weight: 400;
-				color: #ffffff;
-
-				&.btn1 {
-					top: 80rpx;
-				}
+				font-size: 16rpx;
+				color: #4C4C4C;
+				border-radius: 6rpx;
+				background-color: #E6F791;
+				// text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
 			}
 		}
 
-		.money-card {
-			width: 690rpx;
-			margin: 20rpx auto 0;
+		.rbtn {
+			position: absolute;
+			z-index: 10;
+			right: 10rpx;
+			top: 10rpx;
+			width: 110rpx;
+			height: 50rpx;
+			font-size: 28rpx;
+			font-family: Source Han Sans CN;
+			font-weight: 400;
+			color: #ffffff;
 
-			.other-num {
-				display: flex;
-				padding: 0 36rpx;
-				flex-direction: column;
-				background-color: #FFFFFF;
-				border-radius: 16rpx;
-
-				.other-item {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: space-between;
-					width: 100%;
-					height: 110rpx;
-
-					.title {
-						font-size: 28rpx;
-						font-weight: 540;
-						color: #333333;
-					}
-
-					.num {
-						font-size: 40rpx;
-						font-weight: 500;
-						color: #333333;
-					}
-				}
+			&.btn1 {
+				top: 80rpx;
 			}
+		}
+	}
 
-			.moneyTitle {
-				font-weight: 500;
-				font-size: 32rpx;
-				color: #FFFFFF;
-			}
+	.money-card {
+		width: 690rpx;
+		margin: 20rpx auto 0;
 
-			.money {
+		.other-num {
+			display: flex;
+			padding: 0 36rpx;
+			flex-direction: column;
+			background-color: #FFFFFF;
+			border-radius: 16rpx;
+
+			.other-item {
 				display: flex;
-				align-items: flex-end;
-				padding: 0 10rpx;
-				font-size: 60rpx;
-				font-weight: 500;
-				margin-top: 40rpx;
-				color: #FFFFFF;
-				height: 120rpx;
-				background: #FFFFFF;
+				flex-direction: row;
+				align-items: center;
+				justify-content: space-between;
+				width: 100%;
+				height: 110rpx;
 
-				>view:nth-child(1) {
-					>image {
-						width: 100rpx;
-						height: 80rpx;
-					}
+				.title {
+					font-size: 28rpx;
+					font-weight: 540;
+					color: #333333;
 				}
 
-				.money-detail {
-					display: flex;
-					align-items: center;
-					padding-left: 16rpx;
-					font-size: 24rpx;
-					font-weight: 400;
+				.num {
+					font-size: 40rpx;
+					font-weight: 500;
 					color: #333333;
 				}
 			}
 		}
 
-		.task {
-			margin: 30rpx auto 0;
-			width: 690rpx;
-			box-sizing: border-box;
-			padding: 0 0 20rpx;
-			background-color: #FFFFFF;
-			border-radius: 16rpx;
+		.moneyTitle {
+			font-weight: 500;
+			font-size: 32rpx;
+			color: #FFFFFF;
+		}
 
-			.task-title {
-				position: relative;
-				z-index: 1;
-				margin-left: 32rpx;
-				padding-top: 34rpx;
-				margin-bottom: 30rpx;
-				font-size: 28rpx;
-				font-weight: 400;
-				color: task
+		.money {
+			display: flex;
+			align-items: flex-end;
+			padding: 0 10rpx;
+			font-size: 60rpx;
+			font-weight: 500;
+			margin-top: 40rpx;
+			color: #FFFFFF;
+			height: 120rpx;
+			background: #FFFFFF;
+
+			>view:nth-child(1) {
+				>image {
+					width: 100rpx;
+					height: 80rpx;
+				}
 			}
 
-			.task-list {
-				border-radius: 20rpx;
-				padding: 30rpx;
-			}
-
-			.task-item {
-				padding: 20rpx 0;
+			.money-detail {
 				display: flex;
-				justify-content: space-between;
 				align-items: center;
+				padding-left: 16rpx;
+				font-size: 24rpx;
+				font-weight: 400;
+				color: #333333;
+			}
+		}
+	}
 
-				.task-l {
-					.title {
-						font-size: 32rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #333333;
-					}
+	.task {
+		margin: 30rpx auto 0;
+		width: 690rpx;
+		box-sizing: border-box;
+		padding: 0 0 20rpx;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
 
-					.num {
-						margin: 20rpx 0;
+		.task-title {
+			position: relative;
+			z-index: 1;
+			margin-left: 32rpx;
+			padding-top: 34rpx;
+			margin-bottom: 30rpx;
+			font-size: 28rpx;
+			font-weight: 400;
+			color: task
+		}
 
-						font-size: 26rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #8A8A8A;
-					}
+		.task-list {
+			border-radius: 20rpx;
+			padding: 30rpx;
+		}
 
-					.progress {
-						display: flex;
-						align-items: center;
-						font-size: 24rpx;
-						font-family: Source Han Sans CN;
-						font-weight: 400;
-						color: #cccccc;
+		.task-item {
+			padding: 20rpx 0;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 
-						.progress-inner {
-							width: 300rpx;
-							margin-right: 6rpx;
+			.task-l {
+				.title {
+					font-size: 32rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #333333;
+				}
 
-							/deep/.cmd-progress-inner {
-								background: #5B5B5D;
-							}
+				.num {
+					margin: 20rpx 0;
+
+					font-size: 26rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #8A8A8A;
+				}
+
+				.progress {
+					display: flex;
+					align-items: center;
+					font-size: 24rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 400;
+					color: #cccccc;
+
+					.progress-inner {
+						width: 300rpx;
+						margin-right: 6rpx;
+
+						/deep/.cmd-progress-inner {
+							background: #5B5B5D;
 						}
 					}
 				}
+			}
 
-				.task-r {
-					flex: 1;
+			.task-r {
+				flex: 1;
+				display: flex;
+				justify-content: flex-end;
+				padding-left: 30rpx;
+
+				.btn {
+					width: 142rpx;
+					height: 60.35rpx;
+					border-radius: 16rpx;
 					display: flex;
-					justify-content: flex-end;
-					padding-left: 30rpx;
+					justify-content: center;
+					align-items: center;
+					background-color: #E6F791;
 
-					.btn {
-						width: 142rpx;
-						height: 60.35rpx;
-						border-radius: 16rpx;
-						display: flex;
-						justify-content: center;
-						align-items: center;
-						background-color: #E6F791;
+					text {
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #333333;
+					}
+
+					&.act {
+						background: #333333;
 
 						text {
 							font-weight: 400;
 							font-size: 24rpx;
-							color: #333333;
+							color: #D8FD24;
 						}
+					}
 
-						&.act {
-							background: #333333;
+					&.dis {
+						background: #F5F5F5;
+						border-radius: 16rpx;
 
-							text {
-								font-weight: 400;
-								font-size: 24rpx;
-								color: #D8FD24;
-							}
-						}
-
-						&.dis {
-							background: #F5F5F5;
-							border-radius: 16rpx;
-
-							text {
-								color: #999999;
-							}
+						text {
+							color: #999999;
 						}
 					}
 				}
 			}
 		}
+	}
 
-		.qita {
+	.qita {
+		margin: 30rpx auto 0;
+		width: 690rpx;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+
+		&-title {
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #333333;
+			padding-top: 36rpx;
+			padding-left: 32rpx;
+		}
+
+		.menu-card {
 			margin: 30rpx auto 0;
 			width: 690rpx;
-			background-color: #FFFFFF;
-			border-radius: 16rpx;
+			padding: 1rpx 0 40rpx;
+			display: flex;
+			flex-flow: row wrap;
 
-			&-title {
-				font-weight: 500;
-				font-size: 28rpx;
-				color: #333333;
-				padding-top: 36rpx;
-				padding-left: 32rpx;
-			}
-
-			.menu-card {
-				margin: 30rpx auto 0;
-				width: 690rpx;
-				padding: 1rpx 0 40rpx;
+			.menu-item {
+				margin-top: 40rpx;
 				display: flex;
-				flex-flow: row wrap;
+				flex-flow: column nowrap;
+				align-items: center;
+				width: 25%;
 
-				.menu-item {
-					margin-top: 40rpx;
-					display: flex;
-					flex-flow: column nowrap;
-					align-items: center;
-					width: 25%;
+				.icon {
+					width: 60rpx;
+					height: 60rpx;
+				}
 
-					.icon {
-						width: 60rpx;
-						height: 60rpx;
-					}
-
-					.title {
-						margin-top: 10rpx;
-						font-size: 20rpx;
-						font-weight: 400;
-						color: #4C4C4C;
-					}
+				.title {
+					margin-top: 10rpx;
+					font-size: 20rpx;
+					font-weight: 400;
+					color: #4C4C4C;
 				}
 			}
 		}
 	}
+}
 
-	.copyright {
-		padding: 30rpx;
-		text-align: center;
-		font-size: 24rpx;
-		color: #888;
-	}
+.copyright {
+	padding: 30rpx;
+	text-align: center;
+	font-size: 24rpx;
+	color: #888;
+}
 
-	.status_bar {
-		height: var(--status-bar-height);
-		width: 100%;
-		font-size: 40rpx;
-		font-family: iFontszhounianti;
-		font-weight: bold;
-		font-style: oblique;
-		color: #ffffff;
-		margin-bottom: 10rpx;
-	}
+.status_bar {
+	height: var(--status-bar-height);
+	width: 100%;
+	font-size: 40rpx;
+	font-family: iFontszhounianti;
+	font-weight: bold;
+	font-style: oblique;
+	color: #ffffff;
+	margin-bottom: 10rpx;
+}
 </style>
\ No newline at end of file