From 531f29b7be6bbaf894ccce994a205e347a380510 Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Sun, 6 Jul 2025 14:00:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E4=BF=A1=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/platform/BasePlatform.js      |   25 +-
 common/platform/NewWebAppPlatform.js |   40 +-
 common/server/user.js                |   15 +-
 common/webapp.js                     |   23 +
 main.js                              |    1 +
 manifest.json                        |    4 +-
 pages/other/about.vue                |    3 +-
 pages/shouye/index.vue               |    4 +-
 pages/user/bangdingweb.vue           |    1 -
 pages/user/change.vue                |  516 ++++++------
 pages/user/index.vue                 |   14 +-
 pages/user/login.vue                 | 1043 +++++++++++++++---------
 pages/user/tui-guang.vue             | 1133 +++++++++++++-------------
 13 files changed, 1609 insertions(+), 1213 deletions(-)

diff --git a/common/platform/BasePlatform.js b/common/platform/BasePlatform.js
index bbc29f8..4d28840 100644
--- a/common/platform/BasePlatform.js
+++ b/common/platform/BasePlatform.js
@@ -177,22 +177,15 @@ class BasePlatform {
 		];
 
 		if (uni.getStorageSync('token') != null && uni.getStorageSync('token') != "") {
+
 			m.push({
 				id: 8,
 				show: true,
-				title: '注销账号',
-				icon: 'my/s10.png',
-				path: '/pages/user/cancel-account-page',
-				handler: this.navigateToPath.bind(this)
-			}),
-				m.push({
-					id: 8,
-					show: true,
-					title: '退出登录',
-					icon: 'my/exit.png',
-					path: '',
-					handler: this.handleLogout.bind(this)
-				})
+				title: '退出登录',
+				icon: 'my/exit.png',
+				path: '',
+				handler: this.handleLogout.bind(this)
+			})
 		}
 		const customServiceMenu = {
 			id: 10,
@@ -262,6 +255,12 @@ class BasePlatform {
 	getPrivacyAgreement() {
 		navigateTo('/pages/guize/guize', { type: 5 })
 	}
+	/**
+	 * 获取功能权限
+	 */
+	getPermission(functionName) {
+		return true;
+	}
 
 }
 export default BasePlatform;
\ No newline at end of file
diff --git a/common/platform/NewWebAppPlatform.js b/common/platform/NewWebAppPlatform.js
index 935093e..8622dfd 100644
--- a/common/platform/NewWebAppPlatform.js
+++ b/common/platform/NewWebAppPlatform.js
@@ -1,13 +1,33 @@
 import BasePlatform from './BasePlatform';
 import H5Platform from './H5Platform';
 import { webAppPay } from '@/common/webapp.js'
+import { parseQueryString } from '@/common/util'
 
-
+function versionToNumber(versionString) {
+    // 移除所有点号并转换为数字
+    return parseInt(versionString.split('.').join(''), 10);
+}
 class NewWebAppPlatform extends H5Platform {
     constructor() {
         super();
         this.code = 'WEB_APP_ANDROID';
         this.env = 'web_app';
+        this.app_version = 100;
+
+        let location = window.location.href;
+        const params = parseQueryString(location);
+        if (params['version'] != null) {
+            uni.setStorageSync('app_version', params['version']);
+            let _appversion = params['version'] ?? "1.0.0";
+            if (_appversion.indexOf(".") > -1) {
+                _appversion = versionToNumber(_appversion);
+                this.app_version = _appversion;
+            }
+
+        }
+        if (params['os'] != null) {
+            uni.setStorageSync('app_os', params['os']);
+        }
     }
     share({ title, desc, image, url }) {
         console.log(`H5分享：${title} - ${desc}`);
@@ -83,5 +103,23 @@ class NewWebAppPlatform extends H5Platform {
     getVersion() {
         return uni.getStorageSync('version') == '' ? '1.0.0' : uni.getStorageSync('version');
     }
+
+    /**
+ * 获取功能权限
+ */
+    getPermission(functionName) {
+        const appPermission = {
+            wxLogin: 101
+        };
+        let _functionVersion = appPermission[functionName];
+      
+
+        if (_functionVersion != null) {
+            //如果当前app权限大于等于功能权限版本，则返回true
+            console.log('验证功能权限', functionName, _functionVersion, this.app_version, this.app_version >= _functionVersion);
+            return this.app_version >= _functionVersion;
+        }
+        return false;
+    }
 }
 export default NewWebAppPlatform;
\ No newline at end of file
diff --git a/common/server/user.js b/common/server/user.js
index 903f659..475b8f9 100644
--- a/common/server/user.js
+++ b/common/server/user.js
@@ -15,4 +15,17 @@ export const getUserInfo = async () => {
     } else {
         return null;
     }
-};
\ No newline at end of file
+};
+
+/**
+ * 微信APP登录
+ * @param {String} unionId 微信APP unionId
+ * @param {String} nickname 微信APP 昵称
+ * @param {String} headimg 微信APP 头像
+ * @param {Number} pid 推广码
+ * @returns {Promise} 是否成功
+ */
+export const wxAppLogin = async (unionId, nickname, headimg, pid = 0) => {
+    const res = await RequestManager.post('/wx_app_login', { unionId, nickname, headimg, pid });
+    return res;
+}
\ No newline at end of file
diff --git a/common/webapp.js b/common/webapp.js
index 9e1d0c8..792bf90 100644
--- a/common/webapp.js
+++ b/common/webapp.js
@@ -33,6 +33,11 @@ window.yds_postMessage = function (data) {
             return;
         }
         console.log('回调不存在');
+        return;
+    }
+    if (_ydsApp.callback[data.callback]) {
+        _ydsApp.callback[data.callback](data.data);
+        delete _ydsApp.callback[data.callback];
     }
 }
 //返回按钮
@@ -77,4 +82,22 @@ export const webAppPageUrl = (url, isHome) => {
             data: { page: url, isHome: isHome },
         }
     })
+}
+
+export const sendWxAppLogin = () => {
+    return new Promise((resolve, reject) => {
+        if (!window.ydsApp) {
+            reject('ydsApp未加载');
+            return;
+        }
+        let callback = generateRandomString(16);
+        _ydsApp.callback[callback] = resolve;
+        ydsApp.postMessage({
+            data: {
+                action: 'wxAppLogin',
+                data: {},
+                callback: callback
+            }
+        });
+    });
 }
\ No newline at end of file
diff --git a/main.js b/main.js
index 6f197d4..ec4e2ad 100644
--- a/main.js
+++ b/main.js
@@ -5,6 +5,7 @@ import common from '@/common/common.js'
 // #ifdef H5
 import { home } from '@/common/webapp.js'
 import ydsMixin from '@/common/ydsmixin.js'
+console.log(window.location.href);
 // #endif
 import {
 	gotopage
diff --git a/manifest.json b/manifest.json
index 6a57b02..57cba19 100644
--- a/manifest.json
+++ b/manifest.json
@@ -188,7 +188,9 @@
             "enable" : false
         },
         "devServer" : {
-            "https" : false
+            "https" : true,
+            "port" : 3001,
+            "disableHostCheck" : true
         },
         "template" : "index.html"
     },
diff --git a/pages/other/about.vue b/pages/other/about.vue
index 4af538d..1a76efa 100644
--- a/pages/other/about.vue
+++ b/pages/other/about.vue
@@ -94,7 +94,6 @@ export default {
 
 			// 检查测试模式缓存
 			if (this.userinfo != null && this.userinfo.ut == 2) {
-
 				// 从缓存中读取测试模式状态
 				const testMode = uni.getStorageSync('test_mode_status');
 				if (testMode) {
@@ -111,9 +110,9 @@ export default {
 			}
 		},
 		handleIconClick() {
+			
 			if (this.userinfo && this.userinfo.ut == 2) {
 				const now = new Date().getTime();
-
 				// 如果是首次点击或者超过2秒重置计数
 				if (this.clickCount === 0 || now - this.lastClickTime > 2000) {
 					this.clickCount = 1;
diff --git a/pages/shouye/index.vue b/pages/shouye/index.vue
index 810ddf6..c182043 100644
--- a/pages/shouye/index.vue
+++ b/pages/shouye/index.vue
@@ -30,8 +30,6 @@
 
 			<!-- 今日推荐 -->
 			<view class="flex yqhy" v-if="tuijian.length > 0" style="margin-top: 30rpx; flex-direction: column">
-				<!-- <image class="img100" style=" display: flex; justify-content: center;"
-					:src="$img1('/image/a6548-pw1cx.webp')"></image> -->
 				<text style="color: black; font-weight: 600; margin-bottom: 20rpx">今日推荐</text>
 				<view class="flex row align-center"
 					style="width: 100%; height: 230rpx; justify-content: space-between; overflow: auto;">
@@ -50,7 +48,7 @@
 
 			<view class="qbt_con" v-if="tabCur > -1">
 				<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: #fff;border-radius: 16rpx 16rpx 0rpx 0rpx;">
 						<image :src="item.imgurl" mode="aspectFill"></image>
 					</view>
 					<view class="list_2">
diff --git a/pages/user/bangdingweb.vue b/pages/user/bangdingweb.vue
index d1032fa..16e7d2d 100644
--- a/pages/user/bangdingweb.vue
+++ b/pages/user/bangdingweb.vue
@@ -1,6 +1,5 @@
 <template>
 	<view class="box">
-		<!-- <uni-popup ref="popup" type="bottom"> -->
 		<view class="header">
 			<image :src="$img1('common/logo.png?x=1')"></image>
 		</view>
diff --git a/pages/user/change.vue b/pages/user/change.vue
index 537c4ab..82e65ba 100644
--- a/pages/user/change.vue
+++ b/pages/user/change.vue
@@ -26,6 +26,13 @@
 					<input disabled :value="uid" />
 				</view>
 			</view>
+			<view class="form-item">
+				<view class="form-label">手机号:</view>
+				<view class="form-input">
+					<input disabled :value="phoneNumber" placeholder="暂未绑定手机号" />
+				</view>
+			</view>
+
 		</view>
 
 		<view class="submit-btn" @click="updateUserInfo">确认修改</view>
@@ -33,285 +40,288 @@
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
-				avatarUrl: "",
-				nickname: "",
-				headimg_status: false,
-				id: "",
-				uid: "",
-				imageBase64: "",
-			};
-		},
+export default {
+	data() {
+		return {
+			statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
+			avatarUrl: "",
+			nickname: "",
+			headimg_status: false,
+			id: "",
+			uid: "",
+			imageBase64: "",
+			phoneNumber: "",
+			unionid: ""
+		};
+	},
 
-		onLoad() {
-			this.initUserInfo();
-		},
+	onLoad() {
+		this.initUserInfo();
+	},
 
-		methods: {
-			onClickAvatar() {
-				//#ifdef APP
-				uni.chooseImage({
-					count: 1,
-					sourceType: ["album"],
-					success: async (res) => {
-						console.log(res);
-						// this.
-						this.avatarUrl = res.tempFilePaths[0];
-						this.headimg_status = true;
-						const rrrrr = await this.imageToBase64Plus(this.avatarUrl);
-						console.log(rrrrr, "rrrrr");
-						this.imageBase64 = rrrrr;
-						// this.convertToBase64(this.avatarUrl);
-					}
-				})
-				//#endif
-
-
-			},
-			/**
-			 * 初始化用户信息
-			 */
-			initUserInfo() {
-				const userInfo = uni.getStorageSync("userinfo");
-				if (userInfo) {
-					this.avatarUrl = userInfo.headimg || "";
-					this.nickname = userInfo.nickname || "";
-					this.id = userInfo.ID;
-					this.uid = userInfo.uid;
-				}
-			},
-
-			/**
-			 * 返回上一页
-			 */
-			back() {
-				uni.navigateBack();
-
-			},
-
-			/**
-			 * 获取昵称
-			 */
-			getnickname(e) {
-				this.nickname = e.detail.value;
-			},
-
-			/**
-			 * 选择头像
-			 */
-			onChooseAvatar(e) {
-				if (e && e.detail && e.detail.avatarUrl) {
-					this.avatarUrl = e.detail.avatarUrl;
+	methods: {
+		onClickAvatar() {
+			//#ifdef APP
+			uni.chooseImage({
+				count: 1,
+				sourceType: ["album"],
+				success: async (res) => {
+					console.log(res);
+					// this.
+					this.avatarUrl = res.tempFilePaths[0];
 					this.headimg_status = true;
-					this.convertToBase64(this.avatarUrl);
+					const rrrrr = await this.imageToBase64Plus(this.avatarUrl);
+					console.log(rrrrr, "rrrrr");
+					this.imageBase64 = rrrrr;
+					// this.convertToBase64(this.avatarUrl);
 				}
-			},
+			})
+			//#endif
 
-			/**
-			 * 将图片转换为Base64
-			 */
-			convertToBase64(filePath) {
-				console.log(filePath);
-				uni.getFileSystemManager().readFile({
-					filePath: filePath,
-					encoding: "base64",
-					success: (res) => {
-						this.imageBase64 = "data:image/png;base64," + res.data;
-					},
-					fail: (err) => {
-						console.error("读取文件失败:", err);
-						uni.showToast({
-							title: "图片处理失败",
-							icon: "none",
-						});
-					},
-				});
-			},
-			imageToBase64Plus(filePath) {
-				return new Promise((resolve, reject) => {
-					//#ifdef APP
-					plus.io.resolveLocalFileSystemURL(filePath, entry => {
-						entry.file(file => {
-							const fileReader = new plus.io.FileReader();
-							fileReader.onloadend = function(e) {
-								const base64 = e.target.result;
-								resolve(base64);
-							};
-							fileReader.readAsDataURL(file);
-						}, reject);
-					}, reject);
-					//#endif
-				});
-			},
 
-			/**
-			 * 更新用户信息
-			 */
-			updateUserInfo() {
-				if (!this.nickname) {
+		},
+		/**
+		 * 初始化用户信息
+		 */
+		initUserInfo() {
+			const userInfo = uni.getStorageSync("userinfo");
+			if (userInfo) {
+				this.avatarUrl = userInfo.headimg || "";
+				this.nickname = userInfo.nickname || "";
+				this.id = userInfo.ID;
+				this.uid = userInfo.uid;
+				this.phoneNumber = userInfo.mobile || "";
+			}
+		},
+
+		/**
+		 * 返回上一页
+		 */
+		back() {
+			uni.navigateBack();
+
+		},
+
+		/**
+		 * 获取昵称
+		 */
+		getnickname(e) {
+			this.nickname = e.detail.value;
+		},
+
+		/**
+		 * 选择头像
+		 */
+		onChooseAvatar(e) {
+			if (e && e.detail && e.detail.avatarUrl) {
+				this.avatarUrl = e.detail.avatarUrl;
+				this.headimg_status = true;
+				this.convertToBase64(this.avatarUrl);
+			}
+		},
+
+		/**
+		 * 将图片转换为Base64
+		 */
+		convertToBase64(filePath) {
+			console.log(filePath);
+			uni.getFileSystemManager().readFile({
+				filePath: filePath,
+				encoding: "base64",
+				success: (res) => {
+					this.imageBase64 = "data:image/png;base64," + res.data;
+				},
+				fail: (err) => {
+					console.error("读取文件失败:", err);
 					uni.showToast({
-						title: "请输入昵称",
+						title: "图片处理失败",
 						icon: "none",
 					});
-					return;
-				}
+				},
+			});
+		},
+		imageToBase64Plus(filePath) {
+			return new Promise((resolve, reject) => {
+				//#ifdef APP
+				plus.io.resolveLocalFileSystemURL(filePath, entry => {
+					entry.file(file => {
+						const fileReader = new plus.io.FileReader();
+						fileReader.onloadend = function (e) {
+							const base64 = e.target.result;
+							resolve(base64);
+						};
+						fileReader.readAsDataURL(file);
+					}, reject);
+				}, reject);
+				//#endif
+			});
+		},
 
-				const data = {
-					nickname: this.nickname,
-					headimg: this.avatarUrl,
-					imagebase: this.imageBase64,
-				};
+		/**
+		 * 更新用户信息
+		 */
+		updateUserInfo() {
+			if (!this.nickname) {
+				uni.showToast({
+					title: "请输入昵称",
+					icon: "none",
+				});
+				return;
+			}
 
-				this.$request
-					.post("update_userinfo", data)
-					.then((res) => {
-						if (res.status === 1) {
-							// 更新本地存储的用户信息
-							const userInfo = uni.getStorageSync("userinfo") || {};
-							userInfo.nickname = this.nickname;
-							userInfo.headimg = this.avatarUrl;
-							uni.setStorageSync("userinfo", userInfo);
+			const data = {
+				nickname: this.nickname,
+				headimg: this.avatarUrl,
+				imagebase: this.imageBase64,
+			};
 
-							uni.showToast({
-								title: "修改成功",
-								icon: "success",
-							});
+			this.$request
+				.post("update_userinfo", data)
+				.then((res) => {
+					if (res.status === 1) {
+						// 更新本地存储的用户信息
+						const userInfo = uni.getStorageSync("userinfo") || {};
+						userInfo.nickname = this.nickname;
+						userInfo.headimg = this.avatarUrl;
+						uni.setStorageSync("userinfo", userInfo);
 
-							// 延迟返回
-							setTimeout(() => {
-								this.$customRouter.navigateTo("./index", {}, 'redirectTo');
-							}, 1000);
-						} else {
-							uni.showToast({
-								title: res.msg || "修改失败",
-								icon: "none",
-							});
-						}
-					})
-					.catch((err) => {
 						uni.showToast({
-							title: "网络请求失败",
+							title: "修改成功",
+							icon: "success",
+						});
+
+						// 延迟返回
+						setTimeout(() => {
+							this.$customRouter.navigateTo("./index", {}, 'redirectTo');
+						}, 1000);
+					} else {
+						uni.showToast({
+							title: res.msg || "修改失败",
 							icon: "none",
 						});
-						console.error(err);
+					}
+				})
+				.catch((err) => {
+					uni.showToast({
+						title: "网络请求失败",
+						icon: "none",
 					});
-			},
+					console.error(err);
+				});
 		},
-	};
+	},
+};
 </script>
 
 <style lang="scss">
-	.content {
-		width: 100vw;
-		height: 100vh;
-		box-sizing: border-box;
-		color: #fff;
-		display: flex;
-		background-color: #FFFFFF;
-		flex-direction: column;
-	}
+.content {
+	width: 100vw;
+	height: 100vh;
+	box-sizing: border-box;
+	color: #fff;
+	display: flex;
+	background-color: #FFFFFF;
+	flex-direction: column;
+}
 
-	.user-avatar {
-		padding: 80rpx 0 60rpx 0;
-		text-align: center;
-		position: relative;
+.user-avatar {
+	padding: 80rpx 0 60rpx 0;
+	text-align: center;
+	position: relative;
 
-		.avatar-title {
-			font-size: 24rpx;
-			color: #8A8A8A;
-			position: absolute;
-			top: 280rpx;
-			left: 50%;
-			transform: translateX(-50%);
-		}
-
-		.avatar-wrapper {
-			width: 165rpx;
-			height: 165rpx;
-			margin: auto;
-			border-radius: 128rpx;
-			overflow: hidden;
-			border: 1rpx solid #F3F3F3;
-			background-color: transparent;
-			padding: 0;
-			line-height: normal;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-
-			&::after {
-				border: none;
-			}
-
-			.avatar {
-				width: 160rpx;
-				height: 160rpx;
-				border-radius: 50%;
-			}
-		}
-
-		.camera-icon {
-			width: 42rpx;
-			height: 42rpx;
-			position: relative;
-			bottom: 40rpx;
-			left: 60rpx;
-		}
-	}
-
-	.form-container {
-		width: 690rpx;
-		margin: 0 auto;
-	}
-
-	.form-item {
-		display: flex;
-		padding: 30rpx 0;
-		position: relative;
-
-		&::after {
-			content: "";
-			display: block;
-			position: absolute;
-			left: 0;
-			bottom: 0;
-			width: 100%;
-			height: 2rpx;
-			background: #F3F3F3;
-		}
-
-		.form-label {
-			width: 120rpx;
-			font-size: 24rpx;
-			color: #8A8A8A;
-		}
-
-		.form-input {
-			flex: 1;
-
-			input {
-				flex: 1;
-				text-align: right;
-				font-size: 24rpx;
-				color: #333333;
-			}
-		}
-	}
-
-	.submit-btn {
-		width: 244rpx;
-		height: 72rpx;
-		background: #333333;
-		border-radius: 16rpx;
-		// border: 2rpx solid #ffffff;
+	.avatar-title {
 		font-size: 24rpx;
-		color: #D8FD24;
-		margin: 200rpx auto 0;
+		color: #8A8A8A;
+		position: absolute;
+		top: 280rpx;
+		left: 50%;
+		transform: translateX(-50%);
+	}
+
+	.avatar-wrapper {
+		width: 165rpx;
+		height: 165rpx;
+		margin: auto;
+		border-radius: 128rpx;
+		overflow: hidden;
+		border: 1rpx solid #F3F3F3;
+		background-color: transparent;
+		padding: 0;
+		line-height: normal;
 		display: flex;
 		align-items: center;
 		justify-content: center;
+
+		&::after {
+			border: none;
+		}
+
+		.avatar {
+			width: 170rpx;
+			height: 160rpx;
+			border-radius: 50%;
+		}
 	}
+
+	.camera-icon {
+		width: 42rpx;
+		height: 42rpx;
+		position: relative;
+		bottom: 40rpx;
+		left: 60rpx;
+	}
+}
+
+.form-container {
+	width: 690rpx;
+	margin: 0 auto;
+}
+
+.form-item {
+	display: flex;
+	padding: 30rpx 0;
+	position: relative;
+
+	&::after {
+		content: "";
+		display: block;
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		width: 100%;
+		height: 2rpx;
+		background: #F3F3F3;
+	}
+
+	.form-label {
+		width: 150rpx;
+		font-size: 24rpx;
+		color: #8A8A8A;
+	}
+
+	.form-input {
+		flex: 1;
+
+		input {
+			flex: 1;
+			text-align: right;
+			font-size: 24rpx;
+			color: #333333;
+		}
+	}
+}
+
+.submit-btn {
+	width: 244rpx;
+	height: 72rpx;
+	background: #333333;
+	border-radius: 16rpx;
+	// border: 2rpx solid #ffffff;
+	font-size: 24rpx;
+	color: #D8FD24;
+	margin: 200rpx auto 0;
+	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 23d1475..f896b8a 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -157,6 +157,7 @@
 </template>
 
 <script>
+import { sleep } from '@/common/util';
 export default {
 	components: {},
 	data() {
@@ -191,19 +192,10 @@ export default {
 		}
 	},
 	onShow() {
-		this.getdata()
+		this.getdata();
 		// 获取平台菜单列表
 		this.menuList = this.$platform.getUserMenuList();
 		this.zuanshi = this.$platform.code != "MP-WEIXIN";
-		const curPages = getCurrentPages()[0]; // 获取当前页面实例
-		// #ifdef  MP
-		if (typeof curPages.getTabBar === 'function' && curPages.getTabBar()) {
-			this.$mp.page.getTabBar().setData({
-				selected: 4
-			});
-		}
-		// #endif
-
 	},
 	methods: {
 		toChange() {
@@ -294,7 +286,7 @@ export default {
 				fail: error => { }
 			})
 		},
- 
+
 		getlist(index) {
 			this.show = index
 		},
diff --git a/pages/user/login.vue b/pages/user/login.vue
index 95465ba..5143b46 100644
--- a/pages/user/login.vue
+++ b/pages/user/login.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="all">
 		<!-- 小程序登录界面 -->
-		<view v-if="isCanUse && isMpWeixin">
+		<view v-if="isMpWeixin">
 			<view>
 				<view class="header">
 					<image :src="$img1('common/logo.png?x=1')"></image>
@@ -20,11 +20,11 @@
 
 					<view class="agree-r">
 						我已阅读并同意
-						<text @click.stop="$customRouter.navigateTo('/pages/guize/guize', {type: 4})">
+						<text @click.stop="$customRouter.navigateTo('/pages/guize/guize', { type: 4 })">
 							《用户协议》
 						</text>
 						和
-						<text @click.stop="$customRouter.navigateTo('/pages/guize/guize', {type: 5})">
+						<text @click.stop="$customRouter.navigateTo('/pages/guize/guize', { type: 5 })">
 							《隐私政策》
 						</text>
 					</view>
@@ -45,7 +45,7 @@
 		</view>
 
 		<!-- H5手机号登录界面 -->
-		<view v-if="isCanUse && !isMpWeixin">
+		<view v-if="isMobile">
 			<view>
 				<view class="header">
 					<image :src="$img1('common/logo.png?x=1')"></image>
@@ -90,386 +90,736 @@
 						</view>
 					</view>
 				</view>
-
-				<view style="font-size: 20rpx;color: #979797;position: fixed;bottom: 20rpx;right:47rpx;">version:v1.0.3
+				<view v-if="$platform.getPermission('wxLogin')" style="margin-top: 10vh;text-align: center;">
+					<image @click="wxLogin" src="https://image.zfunbox.cn/app/wx_login.png"
+						style="width:36px;height:36px;"></image>
 				</view>
 			</view>
 		</view>
+		<view>
+			<uni-popup ref="wx_login_popup" type="center" :is-mask-click="false">
+				<view class="agreement-popup">
+					<view class="popup-title">提示</view>
+					<view class="popup-content">
+						<view class="popup-text">我已阅读并同意
+
+							<text @click.stop="$platform.getUserAgreement()" style="color: #0066CC;">
+								《用户协议》
+							</text>
+							和
+							<text @click.stop="$platform.getPrivacyAgreement()" style="color: #0066CC;">
+								《隐私政策》
+							</text>
+
+						</view>
+
+					</view>
+					<view class="popup-btns">
+						<view @click="$refs.wx_login_popup.close()" class="cancel-btn">取消</view>
+						<view @click="agreeAndContinue" class="confirm-btn">同意并继续</view>
+					</view>
+				</view>
+			</uni-popup>
+			<uni-popup ref="user_bangding_popup" type="center" :is-mask-click="false">
+				<view class="binding-popup">
+					<view class="popup-title">绑定手机号</view>
+					<view class="popup-content">
+						<view class="popup-text">为了您的账户安全，请绑定手机号</view>
+
+						<view class="input-item">
+							<input type="number" v-model="bindMobile" placeholder="请输入手机号" maxlength="11"
+								class="phone-input" />
+						</view>
+
+						<view class="input-item code-item">
+							<input type="number" v-model="bindVerifyCode" placeholder="请输入验证码" maxlength="6"
+								class="code-input" />
+							<view @click="sendBindVerifyCode" class="send-code-btn"
+								:class="{ disabled: bindCountdown > 0 }">
+								{{ bindCountdown > 0 ? bindCountdown + '秒' : '发送验证码' }}
+							</view>
+						</view>
+					</view>
+					<view class="popup-btns">
+						<view @click="quitLogin" class="cancel-btn">取消</view>
+						<view @click="bindPhone" class="confirm-btn">确认绑定</view>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
 	</view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				z_imgPath: this.$z_img2,
-				SessionKey: '',
-				OpenId: '',
-				nickName: null,
-				avatarUrl: null,
-				isCanUse: uni.getStorageSync('isCanUse') || true, //默认为true
-				code: '',
-				isAgree: false,
-				// H5手机号登录相关数据
-				isMpWeixin: false, // 是否为小程序环境
-				mobile: '', // 手机号
-				verifyCode: '', // 验证码
-				countdown: 0, // 发送验证码倒计时
-				timer: null, // 倒计时定时器
-				codeSent: false // 是否已发送验证码
-			}
+// #ifdef H5
+import { sendWxAppLogin } from '@/common/webapp';
+// #endif
+import { wxAppLogin } from '@/common/server/user';
+export default {
+	data() {
+		return {
+			z_imgPath: this.$z_img2,
+			OpenId: '',
+			nickName: null,
+			avatarUrl: null,
+			code: '',
+			isAgree: false,
+			// H5手机号登录相关数据
+			isMpWeixin: false, // 是否为小程序环境 
+			mobile: '', // 手机号
+			verifyCode: '', // 验证码
+			countdown: 0, // 发送验证码倒计时
+			timer: null, // 倒计时定时器
+			codeSent: false, // 是否已发送验证码
+
+			// 绑定手机号相关数据
+			bindMobile: '', // 绑定的手机号
+			bindVerifyCode: '', // 绑定的验证码
+			bindCountdown: 0, // 绑定发送验证码倒计时
+			bindTimer: null, // 绑定倒计时定时器
+			bindCodeSent: false, // 是否已发送绑定验证码
+			isMobile: true
+		}
+	},
+	onLoad(option) {
+
+		// #ifdef MP
+		this.isMpWeixin = true;
+		this.isMobile = false;
+		// #endif
+		this.$platform.getp
+	},
+	onUnload() {
+		// 清除定时器
+		if (this.timer) {
+			clearInterval(this.timer);
+			this.timer = null;
+		}
+		if (this.bindTimer) {
+			clearInterval(this.bindTimer);
+			this.bindTimer = null;
+		}
+	},
+	methods: {
+		// 同意协议并继续登录
+		agreeAndContinue() {
+			this.isAgree = true;
+			this.$refs.wx_login_popup.close();
+			this.wxLogin();
 		},
-		onLoad(option) {
-			// 判断当前环境
-			// #ifdef MP
-			this.isMpWeixin = true;
-			// #endif
-
-			//默认加载
-			if (option != null) {
-				if (option.code != null) {
-
+		//返回上一页
+		navigateBack() {
+			uni.navigateBack({
+				delta: 1,
+				fail: () => {
+					// 如果没有上一页，则跳转到首页
+					this.$customRouter.navigateTo('/pages/shouye/index', {}, 'switchTab');
 				}
-			}
+			});
 		},
-		onUnload() {
-			// 清除定时器
-			if (this.timer) {
-				clearInterval(this.timer);
-				this.timer = null;
+		async wxLogin() {
+			// #ifdef H5
+			this.isMpWeixin = false;
+			if (!this.isAgree) {
+				this.$refs.wx_login_popup.open();
+				return;
 			}
-		},
-		methods: {
-			//返回上一页
-			navigateBack() {
-				uni.navigateBack({
-					delta: 1,
-					fail: () => {
-						// 如果没有上一页，则跳转到首页
-						this.$customRouter.navigateTo('/pages/shouye/index', {}, 'switchTab');
-					}
-				});
-			},
-			//第一授权获取用户信息===》按钮触发
-			getUserProfile(e) {
-				if (!this.isAgree) {
-					return uni.showToast({
-						title: '请阅读并同意《用户协议》和《隐私政策》',
-						icon: 'none'
-					});
-				}
-
-				// #ifdef MP
-				this.wxUserProfile();
-				// #endif
-			},
-			// 发送验证码
-			async sendVerifyCode() {
-				// 如果正在倒计时，不允许重复发送
-				if (this.countdown > 0) {
+			const wx_user_info = await sendWxAppLogin();
+			const res = await wxAppLogin(wx_user_info.unionId, wx_user_info.nickName, wx_user_info.avatarUrl);
+			if (res.status == 1) {
+				uni.setStorageSync('token', res.data);
+				this.$c.msg("登录成功");
+				let isMobile = await this.getUserIsMobile();
+				if (isMobile) {
+					this.$c.msg("需要绑定手机号");
+					this.$refs.user_bangding_popup.open();
 					return;
 				}
+				uni.setStorageSync('user_login_type', 'wx');
+				// 检查重定向URL
+				const redirectUrl = uni.getStorageSync('redirect');
 
-				// 检查是否同意协议
-				if (!this.isAgree) {
-					return uni.showToast({
-						title: '请阅读并同意《用户协议》和《隐私政策》',
-						icon: 'none'
-					});
+				if (redirectUrl) {
+					// 清除重定向信息
+					uni.removeStorageSync('redirect');
+					// 使用公共方法处理重定向
+					this.handleRedirect(redirectUrl);
+					return;
 				}
+				this.$customRouter.navigateTo('/pages/user/index', {}, 'navigateTo');
+			} else {
+				this.$c.msg("登录失败!" + res.msg);
+			}
+			// #endif
 
-				// 验证手机号
-				if (!this.mobile || !/^1\d{10}$/.test(this.mobile)) {
-					return uni.showToast({
-						title: '请输入正确的手机号',
-						icon: 'none'
-					});
-				}
+		},
+		//第一授权获取用户信息===》按钮触发
+		getUserProfile(e) {
+			if (!this.isAgree) {
+				return uni.showToast({
+					title: '请阅读并同意《用户协议》和《隐私政策》',
+					icon: 'none'
+				});
+			}
 
-				// 发送验证码请求
-				try {
-					const res = await this.$request.post('v2/account/sendSms', {
-						phone: this.mobile
-					});
+			// #ifdef MP
+			this.wxUserProfile();
+			// #endif
+		},
+		// 发送验证码
+		async sendVerifyCode() {
+			// 如果正在倒计时，不允许重复发送
+			if (this.countdown > 0) {
+				return;
+			}
 
-					if (res.status == 1) {
-						uni.showToast({
-							title: '验证码已发送',
-							icon: 'none'
-						});
+			// 检查是否同意协议
+			if (!this.isAgree) {
+				return uni.showToast({
+					title: '请阅读并同意《用户协议》和《隐私政策》',
+					icon: 'none'
+				});
+			}
 
-						// 标记已发送验证码（仅当前会话有效）
-						this.codeSent = true;
+			// 验证手机号
+			if (!this.mobile || !/^1\d{10}$/.test(this.mobile)) {
+				return uni.showToast({
+					title: '请输入正确的手机号',
+					icon: 'none'
+				});
+			}
 
-						// 开始倒计时，使用接口返回的时间
-						this.countdown = res.data || 60; // 使用返回的秒数，默认60秒
-						this.timer = setInterval(() => {
-							this.countdown--;
-							if (this.countdown <= 0) {
-								clearInterval(this.timer);
-								this.timer = null;
-							}
-						}, 1000);
-					} else {
-						uni.showToast({
-							title: res.msg || '发送失败，请稍后重试',
-							icon: 'none'
-						});
-					}
-				} catch (error) {
+			// 发送验证码请求
+			try {
+				const res = await this.$request.post('v2/account/sendSms', {
+					phone: this.mobile
+				});
+
+				if (res.status == 1) {
 					uni.showToast({
-						title: '发送验证码失败，请稍后重试',
+						title: '验证码已发送',
 						icon: 'none'
 					});
-					console.error('发送验证码失败:', error);
-				}
-			},
-			// 手机号登录
-			async phoneLogin() {
-				// 验证表单
-				if (!this.isAgree) {
-					return uni.showToast({
-						title: '请阅读并同意《用户协议》和《隐私政策》',
-						icon: 'none'
-					});
-				}
 
-				if (!this.mobile || !/^1\d{10}$/.test(this.mobile)) {
-					return uni.showToast({
-						title: '请输入正确的手机号',
-						icon: 'none'
-					});
-				}
+					// 标记已发送验证码（仅当前会话有效）
+					this.codeSent = true;
 
-				if (!this.verifyCode) {
-					return uni.showToast({
-						title: '请输入验证码',
-						icon: 'none'
-					});
-				}
-
-				// 检查当前会话中是否发送过验证码
-				// if (!this.codeSent) {
-				// 	return uni.showToast({
-				// 		title: '请先发送验证码',
-				// 		icon: 'none'
-				// 	});
-				// }
-
-				// 发送登录请求
-				try {
-					const res = await this.$request.post('mobileLogin', {
-						mobile: this.mobile,
-						code: this.verifyCode,
-						pid: uni.getStorageSync('pid')
-					});
-
-					if (res.status == 1) {
-						uni.setStorageSync('token', res.data);
-						this.$c.msg("登录成功");
-
-						// 检查重定向URL
-						const redirectUrl = uni.getStorageSync('redirect');
-
-						if (redirectUrl) {
-							// 清除重定向信息
-							uni.removeStorageSync('redirect');
-							// 使用公共方法处理重定向
-							this.handleRedirect(redirectUrl);
-						} else {
-							// 无重定向页面，检查是否需要绑定手机号
-							setTimeout(() => {
-								this.getdata();
-							}, 1000);
+					// 开始倒计时，使用接口返回的时间
+					this.countdown = res.data || 60; // 使用返回的秒数，默认60秒
+					this.timer = setInterval(() => {
+						this.countdown--;
+						if (this.countdown <= 0) {
+							clearInterval(this.timer);
+							this.timer = null;
 						}
-					} else {
-						this.$c.msg("登录失败!" + res.msg);
-					}
-				} catch (error) {
-					// this.$c.msg("登录请求失败，请稍后重试");
-					console.error('登录失败:', error);
+					}, 1000);
+				} else {
+					uni.showToast({
+						title: res.msg || '发送失败，请稍后重试',
+						icon: 'none'
+					});
 				}
-			},
-			/**
-			 * 处理登录成功后的重定向逻辑
-			 * @param {String} redirectUrl 重定向URL
-			 */
-			handleRedirect(redirectUrl) {
-				let that = this;
+			} catch (error) {
+				uni.showToast({
+					title: '发送验证码失败，请稍后重试',
+					icon: 'none'
+				});
+				console.error('发送验证码失败:', error);
+			}
+		},
+		// 手机号登录
+		async phoneLogin() {
+			// 验证表单
+			if (!this.isAgree) {
+				return uni.showToast({
+					title: '请阅读并同意《用户协议》和《隐私政策》',
+					icon: 'none'
+				});
+			}
 
-				// 获取当前页面栈
-				const pages = getCurrentPages();
+			if (!this.mobile || !/^1\d{10}$/.test(this.mobile)) {
+				return uni.showToast({
+					title: '请输入正确的手机号',
+					icon: 'none'
+				});
+			}
 
-				// 检查是否有上一页，以及redirect URL是否与上一页相同
-				if (pages.length > 1) {
-					const prevPage = pages[pages.length - 2];
-					// 构建完整的上一页路径(带参数)
-					let prevPageUrl = '/' + prevPage.route;
-					if (prevPage.options && Object.keys(prevPage.options).length > 0) {
-						const paramStr = Object.keys(prevPage.options)
-							.map(key => `${key}=${prevPage.options[key]}`)
-							.join('&');
-						prevPageUrl += '?' + paramStr;
+			if (!this.verifyCode) {
+				return uni.showToast({
+					title: '请输入验证码',
+					icon: 'none'
+				});
+			}
+
+			// 检查当前会话中是否发送过验证码
+			// if (!this.codeSent) {
+			// 	return uni.showToast({
+			// 		title: '请先发送验证码',
+			// 		icon: 'none'
+			// 	});
+			// }
+
+			// 发送登录请求
+			try {
+				const res = await this.$request.post('mobileLogin', {
+					mobile: this.mobile,
+					code: this.verifyCode,
+					pid: uni.getStorageSync('pid')
+				});
+
+				if (res.status == 1) {
+					uni.setStorageSync('token', res.data);
+					this.$c.msg("登录成功");
+
+					// 检查重定向URL
+					const redirectUrl = uni.getStorageSync('redirect');
+
+					if (redirectUrl) {
+						// 清除重定向信息
+						uni.removeStorageSync('redirect');
+						// 使用公共方法处理重定向
+						this.handleRedirect(redirectUrl);
+						return;
 					}
+					this.$customRouter.navigateTo('/pages/user/index', {}, 'navigateTo');
+				} else {
+					this.$c.msg("登录失败!" + res.msg);
+				}
+			} catch (error) {
+				// this.$c.msg("登录请求失败，请稍后重试");
+				console.error('登录失败:', error);
+			}
+		},
+		/**
+		 * 处理登录成功后的重定向逻辑
+		 * @param {String} redirectUrl 重定向URL
+		 */
+		handleRedirect(redirectUrl) {
+			let that = this;
 
-					// 比较redirect URL和上一页URL
-					const redirectUrlPath = redirectUrl.split('?')[0];
-					const prevPageUrlPath = prevPageUrl.split('?')[0];
+			// 获取当前页面栈
+			const pages = getCurrentPages();
 
-					if (redirectUrlPath === prevPageUrlPath) {
-						// 如果路径相同，直接返回上一页
-						console.log('重定向URL与上一页相同，直接返回');
-						setTimeout(() => {
-							uni.navigateBack();
-						}, 1000);
-						return true;
-					}
+			// 检查是否有上一页，以及redirect URL是否与上一页相同
+			if (pages.length > 1) {
+				const prevPage = pages[pages.length - 2];
+				// 构建完整的上一页路径(带参数)
+				let prevPageUrl = '/' + prevPage.route;
+				if (prevPage.options && Object.keys(prevPage.options).length > 0) {
+					const paramStr = Object.keys(prevPage.options)
+						.map(key => `${key}=${prevPage.options[key]}`)
+						.join('&');
+					prevPageUrl += '?' + paramStr;
 				}
 
-				// 重定向到指定URL
-				setTimeout(() => {
-					that.$customRouter.navigateTo(redirectUrl).catch(err => {
-						console.error('重定向跳转失败:', err)
-						// 失败时跳转到首页
-						that.$customRouter.navigateTo('/pages/user/index')
-					})
-				}, 1000);
+				// 比较redirect URL和上一页URL
+				const redirectUrlPath = redirectUrl.split('?')[0];
+				const prevPageUrlPath = prevPageUrl.split('?')[0];
+
+				if (redirectUrlPath === prevPageUrlPath) {
+					// 如果路径相同，直接返回上一页
+					console.log('重定向URL与上一页相同，直接返回');
+					setTimeout(() => {
+						uni.navigateBack();
+					}, 1000);
+					return true;
+				}
+			}
+
+			// 重定向到指定URL
+			setTimeout(() => {
+				that.$customRouter.navigateTo(redirectUrl).catch(err => {
+					console.error('重定向跳转失败:', err)
+					// 失败时跳转到首页
+					that.$customRouter.navigateTo('/pages/user/index')
+				})
+			}, 1000);
+
+			return true;
+		},
+		async wxUserProfile() {
+			try {
+				const profileRes = await new Promise((resolve, reject) => {
+					uni.getUserProfile({
+						desc: '用于向用户发送商品',
+						lang: 'zh_CN',
+						success: resolve,
+						fail: reject,
+						complete: (e) => {
+							console.log(e, '用于向用户发送商品');
+						}
+					});
+				});
 
-				return true;
-			},
-			async wxUserProfile() {
 				try {
-					const profileRes = await new Promise((resolve, reject) => {
-						uni.getUserProfile({
-							desc: '用于向用户发送商品',
-							lang: 'zh_CN',
+					const loginRes = await new Promise((resolve, reject) => {
+						uni.login({
+							provider: 'weixin',
 							success: resolve,
-							fail: reject,
+							fail: (e) => {
+								this.$c.msg("登录失败，网络错误！" + e.msg);
+								console.log(e, '登录失败', e);
+								reject(e);
+							},
 							complete: (e) => {
-								console.log(e, '用于向用户发送商品');
+								console.log(e, '登录');
 							}
 						});
 					});
 
 					try {
-						const loginRes = await new Promise((resolve, reject) => {
-							uni.login({
-								provider: 'weixin',
-								success: resolve,
-								fail: (e) => {
-									this.$c.msg("登录失败，网络错误！" + e.msg);
-									console.log(e, '登录失败', e);
-									reject(e);
-								},
-								complete: (e) => {
-									console.log(e, '登录');
-								}
-							});
+						const res = await this.$request.post('login', {
+							code: loginRes.code,
+							nickname: '',
+							headimg: '',
+							pid: uni.getStorageSync('pid')
 						});
+						console.log(res, '登录成功');
 
-						try {
-							const res = await this.$request.post('login', {
-								code: loginRes.code,
-								nickname: '',
-								headimg: '',
-								pid: uni.getStorageSync('pid')
-							});
-							console.log(res, '登录成功');
-							
-							if (res.status == 1) {
-								uni.setStorageSync('token', res.data);
-								this.$c.msg("登录成功");
+						if (res.status == 1) {
+							uni.setStorageSync('token', res.data);
+							this.$c.msg("登录成功");
 
-								// 检查重定向URL
-								const redirectUrl = uni.getStorageSync('redirect');
+							// 检查重定向URL
+							const redirectUrl = uni.getStorageSync('redirect');
 
-								if (redirectUrl) {
-									// 清除重定向信息
-									uni.removeStorageSync('redirect');
+							if (redirectUrl) {
+								// 清除重定向信息
+								uni.removeStorageSync('redirect');
 
-									// 使用公共方法处理重定向
-									this.handleRedirect(redirectUrl);
-								} else {
-									// 无重定向页面，检查是否需要绑定手机号
-									setTimeout(() => {
-										this.getdata();
-									}, 1000);
-								}
+								// 使用公共方法处理重定向
+								this.handleRedirect(redirectUrl);
 							} else {
-								this.$c.msg("登录失败!" + res.msg);
+								// 无重定向页面，检查是否需要绑定手机号
+								setTimeout(() => {
+									this.getdata();
+								}, 1000);
 							}
-						} catch (error) {
-							console.error('请求登录失败:', error);
+						} else {
+							this.$c.msg("登录失败!" + res.msg);
 						}
 					} catch (error) {
-						console.error('微信登录失败:', error);
+						console.error('请求登录失败:', error);
 					}
 				} catch (error) {
-					this.$c.msg("登录失败,申请获取微信用户数据失败");
-					console.log(error, '获取微信用户数据失败');
-				}
-			},
-			async getdata() {
-				try {
-					const res = await this.$request.post('user');
-					if (res.status == 1 && res.data.userinfo != null && res.data.userinfo.mobile_is == 0) {
-						console.log("判断用户有没有手机号", res.data.userinfo.mobile_is);
-						// 使用新的路由守卫方法跳转到绑定页面
-						this.$customRouter.navigateTo('/pages/user/bangding', {}, 'navigateTo');
-					} else {
-						// 使用新的路由守卫方法跳转到用户首页
-						this.$customRouter.navigateTo('/pages/user/index', {}, 'navigateTo');
-					}
-				} catch (error) {
-					console.error('获取用户数据失败:', error);
+					console.error('微信登录失败:', error);
 				}
+			} catch (error) {
+				this.$c.msg("登录失败,申请获取微信用户数据失败");
+				console.log(error, '获取微信用户数据失败');
 			}
+		},
+		async getdata() {
+			try {
+				const res = await this.$request.post('user');
+				if (res.status == 1 && res.data.userinfo != null && res.data.userinfo.mobile_is == 0) {
+					console.log("判断用户有没有手机号", res.data.userinfo.mobile_is);
+					// 使用新的路由守卫方法跳转到绑定页面
+					this.$customRouter.navigateTo('/pages/user/bangding', {}, 'navigateTo');
+				} else {
+					// 使用新的路由守卫方法跳转到用户首页
+					this.$customRouter.navigateTo('/pages/user/index', {}, 'navigateTo');
+				}
+			} catch (error) {
+				console.error('获取用户数据失败:', error);
+			}
+		},
+		// 发送绑定手机号验证码
+		async sendBindVerifyCode() {
+			// 如果正在倒计时，不允许重复发送
+			if (this.bindCountdown > 0) {
+				return;
+			}
+
+			// 验证手机号
+			if (!this.bindMobile || !/^1\d{10}$/.test(this.bindMobile)) {
+				return uni.showToast({
+					title: '请输入正确的手机号',
+					icon: 'none'
+				});
+			}
+
+			// 发送验证码请求
+			try {
+				const res = await this.$request.post('v2/account/sendSms', {
+					phone: this.bindMobile
+				});
+
+				if (res.status == 1) {
+					uni.showToast({
+						title: '验证码已发送',
+						icon: 'none'
+					});
+
+					// 标记已发送验证码
+					this.bindCodeSent = true;
+
+					// 开始倒计时
+					this.bindCountdown = res.data || 60; // 使用返回的秒数，默认60秒
+					this.bindTimer = setInterval(() => {
+						this.bindCountdown--;
+						if (this.bindCountdown <= 0) {
+							clearInterval(this.bindTimer);
+							this.bindTimer = null;
+						}
+					}, 1000);
+				} else {
+					uni.showToast({
+						title: res.msg || '发送失败，请稍后重试',
+						icon: 'none'
+					});
+				}
+			} catch (error) {
+				uni.showToast({
+					title: '发送验证码失败，请稍后重试',
+					icon: 'none'
+				});
+				console.error('发送验证码失败:', error);
+			}
+		},
+
+		// 绑定手机号
+		async bindPhone() {
+			// 验证表单
+			if (!this.bindMobile || !/^1\d{10}$/.test(this.bindMobile)) {
+				return uni.showToast({
+					title: '请输入正确的手机号',
+					icon: 'none'
+				});
+			}
+
+			if (!this.bindVerifyCode) {
+				return uni.showToast({
+					title: '请输入验证码',
+					icon: 'none'
+				});
+			}
+
+			// 发送绑定请求
+			try {
+				const res = await this.$request.post('bindMobile', {
+					mobile: this.bindMobile,
+					code: this.bindVerifyCode
+				});
+
+				if (res.status == 1) {
+					uni.showToast({
+						title: '手机号绑定成功',
+						icon: 'success'
+					});
+					if (res.data) {
+						if (res.data['token']) {
+							uni.setStorageSync('token', res.data['token']);
+						}
+					}
+
+					this.$refs.user_bangding_popup.close();
+
+					// 检查重定向URL
+					const redirectUrl = uni.getStorageSync('redirect');
+
+					if (redirectUrl) {
+						// 清除重定向信息
+						uni.removeStorageSync('redirect');
+						// 使用公共方法处理重定向
+						this.handleRedirect(redirectUrl);
+						return;
+					}
+					this.$customRouter.navigateTo('/pages/user/index', {}, 'navigateTo');
+				} else {
+					this.$c.msg("绑定失败!" + res.msg);
+				}
+			} catch (error) {
+				this.$c.msg("绑定请求失败，请稍后重试");
+				console.error('绑定失败:', error);
+			}
+		},
+		async quitLogin() {
+			uni.removeStorageSync('token');
+			uni.removeStorageSync('user_login_type');
+			this.$refs.user_bangding_popup.close();
+		},
+		async getUserIsMobile() {
+			const res = await this.$request.post('user');
+			if (res.status == 1 && res.data.userinfo != null && res.data.userinfo.mobile_is == 0) {
+				return true;
+			}
+			return false;
 		}
-	}
+	},
+
+}
 </script>
 
 <style lang="scss">
-	.all {
-		min-height: 100vh;
-		background-color: #FFFFFF;
-		// background: url($imgurl+'common/pageBg1.png') no-repeat 0 0 / 100% auto;
-	}
+.all {
+	min-height: 100vh;
+	background-color: #FFFFFF;
+	// background: url($imgurl+'common/pageBg1.png') no-repeat 0 0 / 100% auto;
+}
 
-	.header {
-		margin: 0 0 90rpx 50rpx;
-		padding: 90rpx 0 0;
+.header {
+	margin: 0 0 90rpx 50rpx;
+	padding: 90rpx 0 0;
+	border-bottom: 1px solid #E8E8E8;
+	text-align: center;
+	width: 650rpx;
+	height: 300rpx;
+	line-height: 450rpx;
+}
+
+.header image {
+	width: 200rpx;
+	height: 200rpx;
+	border-radius: 50%;
+}
+
+.content {
+	margin-left: 50rpx;
+	margin-bottom: 90rpx;
+	color: #333333;
+}
+
+.content text {
+	display: block;
+	margin-top: 28rpx;
+}
+
+// H5登录表单样式
+.h5-login-form {
+	padding: 0 50rpx;
+
+	.input-item {
+		height: 90rpx;
 		border-bottom: 1px solid #E8E8E8;
-		text-align: center;
-		width: 650rpx;
-		height: 300rpx;
-		line-height: 450rpx;
+		margin-bottom: 40rpx;
+
+		input {
+			height: 100%;
+			width: 100%;
+			font-size: 28rpx;
+		}
 	}
 
-	.header image {
+	.code-item {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		.code-input {
+			flex: 1;
+		}
+
+		.send-code-btn {
+			width: 200rpx;
+			height: 70rpx;
+			background-color: #333333;
+			color: #CDEF27;
+			font-size: 24rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			border-radius: 12rpx;
+
+			&.disabled {
+				background-color: #cccccc;
+				color: #ffffff;
+			}
+		}
+	}
+}
+
+.agree {
+	display: flex;
+	padding: 0 50rpx;
+	margin: 40rpx 0;
+
+	.icon {
+		width: 32rpx;
+		height: 32rpx;
+	}
+
+	.agree-r {
+		flex: 1;
+		word-wrap: break-word;
+		word-break: break-all;
+		padding-left: 20rpx;
+		line-height: 32rpx;
+
+		font-size: 20rpx;
+		color: #999999;
+
+		text {
+			color: #333333;
+		}
+	}
+}
+
+.btn-list {
+	display: flex;
+	justify-content: space-evenly;
+	padding: 50rpx 0 0;
+
+	.cancel {
 		width: 200rpx;
-		height: 200rpx;
-		border-radius: 50%;
-	}
-
-	.content {
-		margin-left: 50rpx;
-		margin-bottom: 90rpx;
+		height: 80rpx;
+		box-sizing: border-box;
+		border-radius: 16rpx;
+		font-size: 28rpx;
 		color: #333333;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background-color: #CDEF27;
+		// filter: grayscale(1);
 	}
 
-	.content text {
-		display: block;
-		margin-top: 28rpx;
+	.bottom {
+		background: #333333;
+		margin: 0;
+		width: 416rpx;
+		height: 80rpx;
+		text-align: center;
+		box-sizing: border-box;
+		border-radius: 16rpx;
+		font-size: 28rpx;
+		color: #CDEF27;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+}
+
+// 弹窗样式
+// 协议弹窗和绑定弹窗共用样式
+.agreement-popup,
+.binding-popup {
+	width: 600rpx;
+	background-color: #FFFFFF;
+	border-radius: 16rpx;
+	padding: 40rpx 30rpx;
+
+	.popup-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		text-align: center;
+		margin-bottom: 30rpx;
 	}
 
-	// H5登录表单样式
-	.h5-login-form {
-		padding: 0 50rpx;
+	.popup-content {
+		padding: 20rpx 0;
 
+		.popup-text {
+			font-size: 28rpx;
+			margin-bottom: 20rpx;
+			text-align: center;
+		}
+
+		// 绑定手机号弹窗的输入框样式
 		.input-item {
-			height: 90rpx;
+			height: 80rpx;
 			border-bottom: 1px solid #E8E8E8;
-			margin-bottom: 40rpx;
+			margin-bottom: 30rpx;
 
 			input {
 				height: 100%;
@@ -488,15 +838,15 @@
 			}
 
 			.send-code-btn {
-				width: 200rpx;
-				height: 70rpx;
+				min-width: 180rpx;
+				height: 60rpx;
 				background-color: #333333;
 				color: #CDEF27;
 				font-size: 24rpx;
 				display: flex;
 				justify-content: center;
 				align-items: center;
-				border-radius: 12rpx;
+				border-radius: 10rpx;
 
 				&.disabled {
 					background-color: #cccccc;
@@ -506,64 +856,31 @@
 		}
 	}
 
-	.agree {
+	.popup-btns {
 		display: flex;
-		padding: 0 50rpx;
-		margin: 40rpx 0;
+		justify-content: space-between;
+		margin-top: 40rpx;
 
-		.icon {
-			width: 32rpx;
-			height: 32rpx;
-		}
-
-		.agree-r {
-			flex: 1;
-			word-wrap: break-word;
-			word-break: break-all;
-			padding-left: 20rpx;
-			line-height: 32rpx;
-
-			font-size: 20rpx;
-			color: #999999;
-
-			text {
-				color: #333333;
-			}
-		}
-	}
-
-	.btn-list {
-		display: flex;
-		justify-content: space-evenly;
-		padding: 50rpx 0 0;
-
-		.cancel {
-			width: 200rpx;
+		.cancel-btn,
+		.confirm-btn {
+			width: 260rpx;
 			height: 80rpx;
-			box-sizing: border-box;
-			border-radius: 16rpx;
-			font-size: 28rpx;
-			color: #333333;
 			display: flex;
 			justify-content: center;
 			align-items: center;
-			background-color: #CDEF27;
-			// filter: grayscale(1);
+			border-radius: 12rpx;
+			font-size: 28rpx;
 		}
 
-		.bottom {
-			background: #333333;
-			margin: 0;
-			width: 416rpx;
-			height: 80rpx;
-			text-align: center;
-			box-sizing: border-box;
-			border-radius: 16rpx;
-			font-size: 28rpx;
+		.cancel-btn {
+			background-color: #F2F2F2;
+			color: #666666;
+		}
+
+		.confirm-btn {
+			background-color: #333333;
 			color: #CDEF27;
-			display: flex;
-			justify-content: center;
-			align-items: center;
 		}
 	}
+}
 </style>
\ No newline at end of file
diff --git a/pages/user/tui-guang.vue b/pages/user/tui-guang.vue
index 73ca99c..982d59a 100644
--- a/pages/user/tui-guang.vue
+++ b/pages/user/tui-guang.vue
@@ -119,380 +119,357 @@
 </template>
 
 <script>
-import { getUserInfo } from '@/common/server/user';
-export default {
-	data() {
-		var isH5 = false;
-		// #// #ifdef H5
-		isH5 = true;
-		// #endif
-		return {
-			downOption: {
-				use: false
-			},
-			listdata: [],
-			news: '',
-			total: 0,
-			ish5: isH5,
-			logo_image: '',
-			commission: 0,
-			isApp: false,
-			inviteCode: '',
-			hasBoundCode: false,
-			userInfo: {}
-		}
-	},
-	onShareAppMessage() {
-		let that = this;
-		console.log();
-		let imageUrl = this.$config.getShareImageUrl();
-		return {
-			imageUrl: imageUrl,
-			title: "友达上线,来就送！",
-			path: '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID
-		}
-	},
-	onLoad() {
-		console.log(uni.getStorageSync('userinfo').ID)
-		console.log(this.$platform.code);
-		if (this.$platform.code == 'WEB_APP' || this.$platform.code == 'APP_IOS' || this.$platform.code == 'APP_ANDROID') {
-			this.isApp = true;
-			this.ish5 = true;
-		}
-		if (this.$platform.code == 'WEB_H5') {
-			this.isApp = false;
-			this.ish5 = true;
-		}
-		var that = this;
-		getUserInfo().then(res => {
-			console.log(res);
-
-			that.userInfo = res;
-			if (res.pid != 0) {
-				that.hasBoundCode = true;
-  
-			}
-			 
-		})
-
-	},
-	methods: {
-		yaoaing() {
-			uni.setClipboardData({
-				data: window.location.origin + '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID
-			});
-			this.$c.msg("链接已复制，快去分享吧~")
-		},
-		copyMyInviteCode() {
-			uni.setClipboardData({
-				data: this.userInfo.ID + ''
-			});
-			this.$c.msg("邀请码已复制")
-		},
-		saveImageToPhotosAlbum() {
-			const imageUrl = this.logo_image; // 替换为你的网络图片地址
-			this.$platform.downloadFile(imageUrl).then(res => {
-				console.log(res)
-			})
-		},
-		getHaiBao() {
-			return this.$baseUrl + '/api/generate_urllinks?userId=' + uni.getStorageSync('userinfo').ID;
-		},
-		getXiaZai() {
-			return this.$baseUrl + '/dow.png';
-
-		},
-		/*下拉刷新的回调 */
-		downCallback() {
-			this.mescroll.resetUpScroll()
-			// this.loadData(1)
-		},
-		/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
-		upCallback(page) {
-			//联网加载数据
-			this.loadData(page.num)
-		},
-		fenxiang() {
-			var image = this.$baseUrl + "/storage/topic/20240617/30a73c0d5061f700a66f653deeb60f6d.jpg";
-			var path = '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID;
-			this.$c.$fenxiang('友达赏，正版潮玩手办一番赏', '', path, image);
-
-		},
-		loadData(pageNo) {
-			// 模拟接口
-			let that = this
-			that.req({
-				url: 'invitation',
-				data: {
-					page: pageNo
+	import {
+		getUserInfo
+	} from '@/common/server/user';
+	export default {
+		data() {
+			var isH5 = false;
+			// #// #ifdef H5
+			isH5 = true;
+			// #endif
+			return {
+				downOption: {
+					use: false
 				},
-				success(res) {
-					that.total = res.data.count
-					that.commission = res.data.money
-					that.logo_image = res.data.share_image
-					that.mescroll.endByPage(res.data.data.length, res.data.last_page)
-					if (pageNo == 1) {
-						that.listdata = res.data.data
-					} else {
-						that.listdata = that.listdata.concat(res.data.data)
-					}
-				}
-			})
-		},
-
-		//海报弹窗
-		showPosterPopup() {
-			this.$refs.posterPopup.open();
-
-		},
-		showBindCodePopup() {
-			// 查询是否已绑定邀请码
-			console.log(this.userInfo);
-			if (this.userInfo.pid != 0) {
-				this.$c.msg("您已绑定邀请码，不可更改");
-				return;
+				listdata: [],
+				news: '',
+				total: 0,
+				ish5: isH5,
+				logo_image: '',
+				commission: 0,
+				isApp: false,
+				inviteCode: '',
+				hasBoundCode: false,
+				userInfo: {}
 			}
-			this.$refs.bindCodePopup.open();
 		},
-		closeBindCodePopup() {
-			this.$refs.bindCodePopup.close();
-		},
-		bindInviteCode() {
-			if (!this.inviteCode) {
-				this.$c.msg("请输入邀请码");
-				return;
-			}
-
+		onShareAppMessage() {
 			let that = this;
-			that.req({
-				url: 'bind_invite_code',
-				data: {
-					invite_code: that.inviteCode
-				},
-				success(res) {
-					if (res.status === 1) {
-						that.$c.msg("绑定成功");
-						that.hasBoundCode = true;
-						that.closeBindCodePopup();
-					} else {
-						that.$c.msg(res.msg || "绑定失败，请重试");
-					}
+			console.log();
+			let imageUrl = this.$config.getShareImageUrl();
+			return {
+				imageUrl: imageUrl,
+				title: "友达上线,来就送！",
+				path: '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID
+			}
+		},
+		onLoad() {
+			console.log(uni.getStorageSync('userinfo').ID)
+			console.log(this.$platform.code);
+			if (this.$platform.code == 'WEB_APP' ||
+				this.$platform.code == 'APP_IOS' ||
+				this.$platform.code == 'APP_ANDROID' ||
+				this.$platform.code == 'WEB_APP_ANDROID') {
+				this.isApp = true;
+				this.ish5 = true;
+			}
+			if (this.$platform.code == 'WEB_H5') {
+				this.isApp = false;
+				this.ish5 = true;
+			}
+			var that = this;
+			getUserInfo().then(res => {
+				console.log(res);
+
+				that.userInfo = res;
+				if (res.pid != 0) {
+					that.hasBoundCode = true;
+
 				}
+
 			})
+
+		},
+		methods: {
+			yaoaing() {
+				uni.setClipboardData({
+					data: window.location.origin + '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID
+				});
+				this.$c.msg("链接已复制，快去分享吧~")
+			},
+			copyMyInviteCode() {
+				uni.setClipboardData({
+					data: this.userInfo.ID + ''
+				});
+				this.$c.msg("邀请码已复制")
+			},
+			saveImageToPhotosAlbum() {
+				const imageUrl = this.logo_image; // 替换为你的网络图片地址
+				this.$platform.downloadFile(imageUrl).then(res => {
+					console.log(res)
+				})
+			},
+			getHaiBao() {
+				return this.$baseUrl + '/api/generate_urllinks?userId=' + uni.getStorageSync('userinfo').ID;
+			},
+			getXiaZai() {
+				return this.$baseUrl + '/dow.png';
+
+			},
+			/*下拉刷新的回调 */
+			downCallback() {
+				this.mescroll.resetUpScroll()
+				// this.loadData(1)
+			},
+			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
+			upCallback(page) {
+				//联网加载数据
+				this.loadData(page.num)
+			},
+			fenxiang() {
+				var image = this.$baseUrl + "/storage/topic/20240617/30a73c0d5061f700a66f653deeb60f6d.jpg";
+				var path = '/pages/shouye/index?pid=' + uni.getStorageSync('userinfo').ID;
+				this.$c.$fenxiang('友达赏，正版潮玩手办一番赏', '', path, image);
+
+			},
+			loadData(pageNo) {
+				// 模拟接口
+				let that = this
+				that.req({
+					url: 'invitation',
+					data: {
+						page: pageNo
+					},
+					success(res) {
+						that.total = res.data.count
+						that.commission = res.data.money
+						that.logo_image = res.data.share_image
+						that.mescroll.endByPage(res.data.data.length, res.data.last_page)
+						if (pageNo == 1) {
+							that.listdata = res.data.data
+						} else {
+							that.listdata = that.listdata.concat(res.data.data)
+						}
+					}
+				})
+			},
+
+			//海报弹窗
+			showPosterPopup() {
+				this.$refs.posterPopup.open();
+
+			},
+			showBindCodePopup() {
+				// 查询是否已绑定邀请码
+				console.log(this.userInfo);
+				if (this.userInfo.pid != 0) {
+					this.$c.msg("您已绑定邀请码，不可更改");
+					return;
+				}
+				this.$refs.bindCodePopup.open();
+			},
+			closeBindCodePopup() {
+				this.$refs.bindCodePopup.close();
+			},
+			bindInviteCode() {
+				if (!this.inviteCode) {
+					this.$c.msg("请输入邀请码");
+					return;
+				}
+
+				let that = this;
+				that.req({
+					url: 'bind_invite_code',
+					data: {
+						invite_code: that.inviteCode
+					},
+					success(res) {
+						if (res.status === 1) {
+							that.$c.msg("绑定成功");
+							that.hasBoundCode = true;
+							that.closeBindCodePopup();
+						} else {
+							that.$c.msg(res.msg || "绑定失败，请重试");
+						}
+					}
+				})
+			}
 		}
 	}
-}
 </script>
 
 <style lang="scss">
-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;
-}
-
-image {
-	width: 100%;
-	height: 100%;
-}
-
-page {
-	background: linear-gradient(90deg,
-			#090916,
-			#0f0e1d,
-			#090915,
-			#0f0e1c,
-			#090a15);
-}
-
-.view_poster {
-	width: 650rpx;
-	height: 950rpx;
-	background: url($imgurl+'my/img_poster.jpg') no-repeat 0 0 / 100% 100%;
-
-}
-
-.page-wrap {
-	width: 100vw;
-	min-height: 100vh;
-	background-size: 100% auto;
-	box-sizing: border-box;
-	color: #fff;
-	background-color: #F7F7F7;
-
-	.head {
-		position: fixed;
-		top: 0;
-		z-index: 20;
-
-		.header_title {
-			height: 70rpx;
-			line-height: 70rpx;
-			width: 100%;
-			box-sizing: border-box;
-			font-weight: bold;
-			display: flex;
-			align-items: center;
-			padding-left: 30rpx;
-			box-sizing: border-box;
-
-			>view:nth-of-type(1) {
-				display: flex;
-				align-items: center;
-			}
-
-			>view:nth-of-type(2) {
-				width: 520rpx;
-				text-align: center;
-				/* margin: auto; */
-			}
-
-			image {
-				width: 48rpx;
-				height: 48rpx;
-			}
-		}
+	button::after {
+		border: none;
 	}
 
-	::v-deep.uni-navbar__content {
-		z-index: 998;
-	}
-
-	.top-bg {
-		width: 640rpx;
-		height: 220rpx;
-		margin: 60rpx auto 0;
-		border-radius: 16rpx 16rpx 0rpx 0rpx;
-		position: relative;
-		background: url($imgurl+'my/invite_bg.png') no-repeat 0 0 / 100% 100%;
-	}
-
-
-
-	.rule-btn {
-		position: absolute;
-		left: 34rpx;
-		bottom: 32rpx;
-		height: 50rpx;
+	button {
+		background-color: transparent;
+		padding-left: 0;
+		padding-right: 0;
+		line-height: inherit;
+		border-radius: 0;
 		display: flex;
-		justify-content: center;
+		flex-direction: column;
 		align-items: center;
-		z-index: 10;
-
-		font-size: 20rpx;
-		font-weight: 400;
-		color: #333333;
+		justify-content: center;
 	}
 
-	.inviteText {
-		position: absolute;
-		top: 220rpx;
-		left: 50%;
-		transform: translateX(-50%);
-		width: 543rpx;
-		height: 489rpx;
-		z-index: 1;
+	image {
+		width: 100%;
+		height: 100%;
 	}
 
-	.card-yqhy {
-		width: 724rpx;
-		height: 490rpx;
-		margin: 0 auto;
+	page {
+		background: linear-gradient(90deg,
+				#090916,
+				#0f0e1d,
+				#090915,
+				#0f0e1c,
+				#090a15);
 	}
 
-	.card {
-		margin: 0rpx auto 0;
-		position: relative;
-		z-index: 1;
-		width: 690rpx;
-		height: 252rpx;
+	.view_poster {
+		width: 650rpx;
+		height: 950rpx;
+		background: url($imgurl+'my/img_poster.jpg') no-repeat 0 0 / 100% 100%;
+
+	}
+
+	.page-wrap {
+		width: 100vw;
+		min-height: 100vh;
+		background-size: 100% auto;
 		box-sizing: border-box;
-		padding: 0 60rpx 0;
-		background-color: #FFFFFF;
-		border-radius: 16rpx;
+		color: #fff;
+		background-color: #F7F7F7;
 
-		&-title {
-			font-weight: 400;
-			font-size: 28rpx;
-			color: #333333;
-			padding-top: 28rpx;
-			text-align: center;
+		.head {
+			position: fixed;
+			top: 0;
+			z-index: 20;
+
+			.header_title {
+				height: 70rpx;
+				line-height: 70rpx;
+				width: 100%;
+				box-sizing: border-box;
+				font-weight: bold;
+				display: flex;
+				align-items: center;
+				padding-left: 30rpx;
+				box-sizing: border-box;
+
+				>view:nth-of-type(1) {
+					display: flex;
+					align-items: center;
+				}
+
+				>view:nth-of-type(2) {
+					width: 520rpx;
+					text-align: center;
+					/* margin: auto; */
+				}
+
+				image {
+					width: 48rpx;
+					height: 48rpx;
+				}
+			}
 		}
 
-		.people-money {
+		::v-deep.uni-navbar__content {
+			z-index: 998;
+		}
+
+		.top-bg {
+			width: 640rpx;
+			height: 220rpx;
+			margin: 60rpx auto 0;
+			border-radius: 16rpx 16rpx 0rpx 0rpx;
+			position: relative;
+			background: url($imgurl+'my/invite_bg.png') no-repeat 0 0 / 100% 100%;
+		}
+
+
+
+		.rule-btn {
+			position: absolute;
+			left: 34rpx;
+			bottom: 32rpx;
+			height: 50rpx;
 			display: flex;
+			justify-content: center;
 			align-items: center;
-			justify-content: space-between;
-			// margin-top: 60rpx;
-			border-radius: 10rpx;
-			border-radius: 30rpx;
-			color: #676767;
-			margin-top: 60rpx;
+			z-index: 10;
 
-			.people,
-			.moneys {
-				flex: 1;
-				font-size: 24rpx;
+			font-size: 20rpx;
+			font-weight: 400;
+			color: #333333;
+		}
+
+		.inviteText {
+			position: absolute;
+			top: 220rpx;
+			left: 50%;
+			transform: translateX(-50%);
+			width: 543rpx;
+			height: 489rpx;
+			z-index: 1;
+		}
+
+		.card-yqhy {
+			width: 724rpx;
+			height: 490rpx;
+			margin: 0 auto;
+		}
+
+		.card {
+			margin: 0rpx auto 0;
+			position: relative;
+			z-index: 1;
+			width: 690rpx;
+			height: 252rpx;
+			box-sizing: border-box;
+			padding: 0 60rpx 0;
+			background-color: #FFFFFF;
+			border-radius: 16rpx;
+
+			&-title {
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #333333;
+				padding-top: 28rpx;
+				text-align: center;
 			}
 
-			.people {
-				display: flex;
-				flex-flow: column nowrap;
-				align-items: center;
-
-				&::after {
-					content: '';
-					position: absolute;
-					top: 50%;
-					right: 0;
-					width: 1rpx;
-					height: 90rpx;
-					background: #999999;
-					transform: translateY(-50%);
-				}
-
-				.num {
-					margin-top: 30rpx;
-					font-size: 20rpx;
-					font-weight: 400;
-					color: #676767;
-
-					text {
-						margin-left: 6rpx;
-					}
-				}
-			}
-
-			// .line {
-			//   height: 122rpx;
-			//   width: 0;
-			//   border-left: 1px solid rgba(255, 255, 255, 0.3);
-			// }
-
-			.moneys {
+			.people-money {
 				display: flex;
 				align-items: center;
-				flex-flow: column nowrap;
-				position: relative;
+				justify-content: space-between;
+				// margin-top: 60rpx;
+				border-radius: 10rpx;
+				border-radius: 30rpx;
+				color: #676767;
+				margin-top: 60rpx;
 
-				.content {
+				.people,
+				.moneys {
+					flex: 1;
+					font-size: 24rpx;
+				}
+
+				.people {
 					display: flex;
 					flex-flow: column nowrap;
 					align-items: center;
 
-					.money {
+					&::after {
+						content: '';
+						position: absolute;
+						top: 50%;
+						right: 0;
+						width: 1rpx;
+						height: 90rpx;
+						background: #999999;
+						transform: translateY(-50%);
+					}
+
+					.num {
 						margin-top: 30rpx;
 						font-size: 20rpx;
+						font-weight: 400;
 						color: #676767;
 
 						text {
@@ -501,279 +478,307 @@ page {
 					}
 				}
 
-				.icon {
-					width: 40rpx;
-					height: 40rpx;
-					position: absolute;
-					right: 10rpx;
-					top: 50%;
-					transform: translateY(-50%);
-				}
-			}
-		}
+				// .line {
+				//   height: 122rpx;
+				//   width: 0;
+				//   border-left: 1px solid rgba(255, 255, 255, 0.3);
+				// }
 
-
-
-		.tips {
-			text-align: center;
-			font-size: 28rpx;
-		}
-	}
-
-	.invite-btn {
-		width: 304rpx;
-		height: 76rpx;
-		background-color: #D8FD24;
-		border-radius: 16rpx;
-		color: #333333;
-		font-size: 24rpx;
-		// background: url($imgurl+'my/yqbtn.png') no-repeat 0 0 / 100% 100%;
-	}
-
-	.invite-btn2 {
-		width: 304rpx;
-		height: 76rpx;
-		background-color: #333333;
-		border-radius: 16rpx;
-		color: #D8FD24;
-		font-size: 24rpx;
-		// background: url($imgurl+'my/promotion_poster.png') no-repeat 0 0 / 100% 100%;
-
-		&.disabled {
-			background-color: #666666;
-			color: #AAAAAA;
-			opacity: 0.8;
-		}
-	}
-
-	.invite-log {
-		width: 100%;
-		margin: 30rpx auto 0;
-		width: 650rpx;
-		box-sizing: border-box;
-		background-color: #FFFFFF;
-		padding: 32rpx 34rpx;
-		border-radius: 16rpx;
-
-
-		.list-title {
-			display: flex;
-			align-items: center;
-			padding: 30rpx 0;
-			font-weight: 500;
-			font-size: 28rpx;
-			color: #333333;
-		}
-
-		.list-wrap {
-			width: 100%;
-			margin-top: 34rpx;
-			// height: auto;
-			// overflow: hidden;
-
-			&-item {
-				height: 120rpx;
-				display: flex;
-				flex-flow: column nowrap;
-				justify-content: space-evenly;
-				border-radius: 10rpx;
-				margin-bottom: 20rpx;
-
-				.content {
+				.moneys {
 					display: flex;
-					justify-content: space-between;
 					align-items: center;
+					flex-flow: column nowrap;
+					position: relative;
 
-					.avatar {
-						width: 84rpx;
-						height: 84rpx;
-						border-radius: 50%;
-						overflow: hidden;
-						background: #eee;
-					}
+					.content {
+						display: flex;
+						flex-flow: column nowrap;
+						align-items: center;
 
-					.info {
-						width: calc(100% - 110rpx);
-
-						&-hd {
-							font-weight: 400;
+						.money {
+							margin-top: 30rpx;
 							font-size: 20rpx;
-							color: #333333;
+							color: #676767;
 
-							.name {
-								max-width: 300rpx;
-								color: #333333;
-							}
-
-							.title {
-								margin-top: 12rpx;
-								font-weight: 400;
-								font-size: 16rpx;
-								color: #999999;
+							text {
+								margin-left: 6rpx;
 							}
 						}
+					}
 
-						&-bd {
-							.money {
-								color: #333333;
+					.icon {
+						width: 40rpx;
+						height: 40rpx;
+						position: absolute;
+						right: 10rpx;
+						top: 50%;
+						transform: translateY(-50%);
+					}
+				}
+			}
+
+
+
+			.tips {
+				text-align: center;
+				font-size: 28rpx;
+			}
+		}
+
+		.invite-btn {
+			width: 304rpx;
+			height: 76rpx;
+			background-color: #D8FD24;
+			border-radius: 16rpx;
+			color: #333333;
+			font-size: 24rpx;
+			// background: url($imgurl+'my/yqbtn.png') no-repeat 0 0 / 100% 100%;
+		}
+
+		.invite-btn2 {
+			width: 304rpx;
+			height: 76rpx;
+			background-color: #333333;
+			border-radius: 16rpx;
+			color: #D8FD24;
+			font-size: 24rpx;
+			// background: url($imgurl+'my/promotion_poster.png') no-repeat 0 0 / 100% 100%;
+
+			&.disabled {
+				background-color: #666666;
+				color: #AAAAAA;
+				opacity: 0.8;
+			}
+		}
+
+		.invite-log {
+			width: 100%;
+			margin: 30rpx auto 0;
+			width: 650rpx;
+			box-sizing: border-box;
+			background-color: #FFFFFF;
+			padding: 32rpx 34rpx;
+			border-radius: 16rpx;
+
+
+			.list-title {
+				display: flex;
+				align-items: center;
+				padding: 30rpx 0;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #333333;
+			}
+
+			.list-wrap {
+				width: 100%;
+				margin-top: 34rpx;
+				// height: auto;
+				// overflow: hidden;
+
+				&-item {
+					height: 120rpx;
+					display: flex;
+					flex-flow: column nowrap;
+					justify-content: space-evenly;
+					border-radius: 10rpx;
+					margin-bottom: 20rpx;
+
+					.content {
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+
+						.avatar {
+							width: 84rpx;
+							height: 84rpx;
+							border-radius: 50%;
+							overflow: hidden;
+							background: #eee;
+						}
+
+						.info {
+							width: calc(100% - 110rpx);
+
+							&-hd {
+								font-weight: 400;
 								font-size: 20rpx;
+								color: #333333;
+
+								.name {
+									max-width: 300rpx;
+									color: #333333;
+								}
+
+								.title {
+									margin-top: 12rpx;
+									font-weight: 400;
+									font-size: 16rpx;
+									color: #999999;
+								}
+							}
+
+							&-bd {
+								.money {
+									color: #333333;
+									font-size: 20rpx;
+								}
 							}
 						}
 					}
 				}
 			}
-		}
 
-		.show-more {
-			height: 70rpx;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-
-			.btn {
+			.show-more {
+				height: 70rpx;
 				display: flex;
 				justify-content: center;
 				align-items: center;
 
-				font-size: 28rpx;
-				font-weight: 400;
-				color: #999999;
+				.btn {
+					display: flex;
+					justify-content: center;
+					align-items: center;
 
-				.icon {
-					width: 24rpx;
-					height: 24rpx;
-					margin-left: 10rpx;
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #999999;
+
+					.icon {
+						width: 24rpx;
+						height: 24rpx;
+						margin-left: 10rpx;
+					}
 				}
 			}
 		}
 	}
-}
 
-.gzbox {
-	text-align: right;
-}
-
-.gzbox>image {
-	width: 143rpx;
-	height: 48rpx;
-}
-
-.pop {
-	width: 607rpx;
-	// height: 904rpx;
-	padding-top: 70rpx;
-	box-sizing: border-box;
-	position: relative;
-
-	.pop_title {
-		font-size: 36rpx;
-		font-family: zihun152hao-jijiachaojihei;
-		font-weight: 400;
-		color: #ffffff;
-		text-align: center;
+	.gzbox {
+		text-align: right;
 	}
 
-	.pop_con {
-		padding: 30rpx 40rpx 50rpx;
+	.gzbox>image {
+		width: 143rpx;
+		height: 48rpx;
+	}
+
+	.pop {
+		width: 607rpx;
+		// height: 904rpx;
+		padding-top: 70rpx;
+		box-sizing: border-box;
+		position: relative;
+
+		.pop_title {
+			font-size: 36rpx;
+			font-family: zihun152hao-jijiachaojihei;
+			font-weight: 400;
+			color: #ffffff;
+			text-align: center;
+		}
+
+		.pop_con {
+			padding: 30rpx 40rpx 50rpx;
+			box-sizing: border-box;
+
+			font-size: 28rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #ffffff;
+			line-height: 42rpx;
+		}
+
+		.close {
+			position: absolute;
+			left: 50%;
+			bottom: 0;
+			transform: translate(-50%, 100%);
+			width: 50rpx;
+			height: 50rpx;
+		}
+	}
+
+	.bind-code-popup {
+		width: 600rpx;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 30rpx;
 		box-sizing: border-box;
 
-		font-size: 28rpx;
-		font-family: PingFang SC;
-		font-weight: 500;
-		color: #ffffff;
-		line-height: 42rpx;
-	}
-
-	.close {
-		position: absolute;
-		left: 50%;
-		bottom: 0;
-		transform: translate(-50%, 100%);
-		width: 50rpx;
-		height: 50rpx;
-	}
-}
-
-.bind-code-popup {
-	width: 600rpx;
-	background-color: #FFFFFF;
-	border-radius: 16rpx;
-	padding: 30rpx;
-	box-sizing: border-box;
-
-	.bind-code-title {
-		font-size: 32rpx;
-		color: #333333;
-		text-align: center;
-		font-weight: 500;
-		margin-bottom: 30rpx;
-	}
-
-	.bind-code-content {
-		margin-bottom: 40rpx;
-
-		.bind-code-input {
-			height: 80rpx;
-			background-color: #F5F5F5;
-			border-radius: 8rpx;
-			padding: 0 20rpx;
-			font-size: 28rpx;
+		.bind-code-title {
+			font-size: 32rpx;
 			color: #333333;
+			text-align: center;
+			font-weight: 500;
+			margin-bottom: 30rpx;
 		}
 
-		.bind-code-tips {
-			font-size: 24rpx;
-			color: #FF6B00;
-			margin-top: 16rpx;
-		}
-	}
+		.bind-code-content {
+			margin-bottom: 40rpx;
 
-	.bind-code-btns {
-		display: flex;
-		justify-content: space-between;
+			.bind-code-input {
+				height: 80rpx;
+				background-color: #F5F5F5;
+				border-radius: 8rpx;
+				padding: 0 20rpx;
+				font-size: 28rpx;
+				color: #333333;
+			}
 
-		button {
-			width: 240rpx;
-			height: 76rpx;
-			border-radius: 38rpx;
-			font-size: 28rpx;
+			.bind-code-tips {
+				font-size: 24rpx;
+				color: #FF6B00;
+				margin-top: 16rpx;
+			}
 		}
 
-		.bind-code-cancel {
-			background-color: #F5F5F5;
-			color: #666666;
-		}
+		.bind-code-btns {
+			display: flex;
+			justify-content: space-between;
 
-		.bind-code-confirm {
-			background-color: #D8FD24;
-			color: #333333;
+			button {
+				width: 240rpx;
+				height: 76rpx;
+				border-radius: 38rpx;
+				font-size: 28rpx;
+			}
 
-			&:disabled {
-				opacity: 0.6;
+			.bind-code-cancel {
+				background-color: #F5F5F5;
+				color: #666666;
+			}
+
+			.bind-code-confirm {
+				background-color: #D8FD24;
+				color: #333333;
+
+				&:disabled {
+					opacity: 0.6;
+				}
 			}
 		}
 	}
-}
 
-.my-invite-code {
-	width: 686rpx;
-	margin: 20rpx auto 0;
-	background-color: #FFFFFF;
-	border-radius: 16rpx;
-	padding: 30rpx 0;
-	text-align: center;
+	.my-invite-code {
+		width: 686rpx;
+		margin: 20rpx auto 0;
+		background-color: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 30rpx 0;
+		text-align: center;
 
-	.invite-code-title {
-		font-size: 28rpx;
-		color: #333333;
-		margin-bottom: 20rpx;
+		.invite-code-title {
+			font-size: 28rpx;
+			color: #333333;
+			margin-bottom: 20rpx;
+		}
+
+		.invite-code-value {
+			font-size: 48rpx;
+			font-weight: bold;
+			color: #333333;
+			letter-spacing: 6rpx;
+		}
 	}
-
-	.invite-code-value {
-		font-size: 48rpx;
-		font-weight: bold;
-		color: #333333;
-		letter-spacing: 6rpx;
-	}
-}
 </style>
\ No newline at end of file