init

manifest.json

@@ -1,167 +1,165 @@
 {
-    "name" : "古诗闯关",
-    "appid" : "__UNI__990ACB8",
-    "description" : "",
-    "versionName" : "1.0.0",
-    "versionCode" : 100,
-    "transformPx" : false,
-    /* 5+App特有相关 hfhz-mrro-iqmv-igdl storygarden2024@outlook.com*/
-    "app-plus" : {
-        "compatible" : {
-            "ignoreVersion" : true //true表示忽略版本检查提示框，HBuilderX1.9.0及以上版本支持  
-        },
-        "usingComponents" : true,
-        "nvueStyleCompiler" : "uni-app",
-        "compilerVersion" : 3,
-        "splashscreen" : {
-            "alwaysShowBeforeRender" : true,
-            "waiting" : true,
-            "autoclose" : true,
-            "delay" : 0
-        },
-        "safearea" : {
-            "background" : "#00000000",
-            "bottom" : {
-                "offset" : "none"
-            }
-        },
-        /* 模块配置 */
-        "modules" : {
-            "Record" : {}
-        },
-        /* 应用发布信息 */
-        "distribute" : {
-            /* android打包配置 */
-            "android" : {
-                "permissions" : [
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-                ],
-                "abiFilters" : [ "armeabi-v7a", "arm64-v8a" ],
-                "enableOAID" : false
-            },
-            /* ios打包配置 */
-            "ios" : {
-                "UIBackgroundModes" : "audio",
-                "dSYMs" : false,
-                "idfa" : false
-            },
-            /* SDK配置 */
-            "sdkConfigs" : {
-                "ad" : {},
-                "payment" : {
-                    "appleiap" : {}
-                },
-                "speech" : {},
-                "oauth" : {
-                    "apple" : {}
-                }
-            },
-            "splashscreen" : {
-                "androidStyle" : "common",
-                "useOriginalMsgbox" : false,
-                "iosStyle" : "common",
-                "ios" : {}
-            },
-            "icons" : {
-                "android" : {
-                    "hdpi" : "unpackage/res/icons/72x72.png",
-                    "xhdpi" : "unpackage/res/icons/96x96.png",
-                    "xxhdpi" : "unpackage/res/icons/144x144.png",
-                    "xxxhdpi" : "unpackage/res/icons/192x192.png"
-                },
-                "ios" : {
-                    "appstore" : "unpackage/res/icons/1024x1024.png",
-                    "ipad" : {
-                        "app" : "unpackage/res/icons/76x76.png",
-                        "app@2x" : "unpackage/res/icons/152x152.png",
-                        "notification" : "unpackage/res/icons/20x20.png",
-                        "notification@2x" : "unpackage/res/icons/40x40.png",
-                        "proapp@2x" : "unpackage/res/icons/167x167.png",
-                        "settings" : "unpackage/res/icons/29x29.png",
-                        "settings@2x" : "unpackage/res/icons/58x58.png",
-                        "spotlight" : "unpackage/res/icons/40x40.png",
-                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
-                    },
-                    "iphone" : {
-                        "app@2x" : "unpackage/res/icons/120x120.png",
-                        "app@3x" : "unpackage/res/icons/180x180.png",
-                        "notification@2x" : "unpackage/res/icons/40x40.png",
-                        "notification@3x" : "unpackage/res/icons/60x60.png",
-                        "settings@2x" : "unpackage/res/icons/58x58.png",
-                        "settings@3x" : "unpackage/res/icons/87x87.png",
-                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
-                        "spotlight@3x" : "unpackage/res/icons/120x120.png"
-                    }
-                }
-            }
-        }
-    },
-    "networkTimeout" : {
-        "request" : 6000
-    },
-    /* 快应用特有相关 */
-    "quickapp" : {},
-    /* 小程序特有相关 */
-    "mp-weixin" : {
-        "appid" : "",
-        "setting" : {
-            "urlCheck" : false
-        },
-        "usingComponents" : true
-    },
-    "mp-alipay" : {
-        "usingComponents" : true
-    },
-    "mp-baidu" : {
-        "usingComponents" : true
-    },
-    "mp-toutiao" : {
-        "usingComponents" : true
-    },
-    "uniStatistics" : {
-        "enable" : false
-    },
-    "vueVersion" : "2",
-    "h5" : {
-        "router" : {
-            "base" : "./",
-            "mode" : "hash"
-        },
-        "template" : "h5.template.html",
-        "optimization" : {
-            "treeShaking" : {
-                "enable" : true
-            }
-        }
-		//, "devServer" : {
-		// 	"port": 8080,
-		// 	"disableHostCheck":true,
-		// 	"proxy" : {
-		// 		"/Gapi": {
-		// 			"target": "https://duoxiaoduoxue.cn",
-		// 			"changeOrigin": true,
-		// 			"secure": false,
-		// 			"pathRewrite": {
-		// 				"^/Gapi": ""
-		// 			}
-		// 		}
-		// 	}
-		// }
-    },
-    "fallbackLocale" : "zh-Hans"
-}
+	"name": "古诗闯关",
+	"appid": "__UNI__990ACB8",
+	"description": "",
+	"versionName": "1.0.0",
+	"versionCode": 100,
+	"transformPx": false,
+	/* 5+App特有相关 hfhz-mrro-iqmv-igdl storygarden2024@outlook.com*/
+	"app-plus": {
+		"compatible": {
+			"ignoreVersion": true //true表示忽略版本检查提示框，HBuilderX1.9.0及以上版本支持  
+		},
+		"usingComponents": true,
+		"nvueStyleCompiler": "uni-app",
+		"compilerVersion": 3,
+		"splashscreen": {
+			"alwaysShowBeforeRender": true,
+			"waiting": true,
+			"autoclose": true,
+			"delay": 0
+		},
+		"safearea": {
+			"background": "#00000000",
+			"bottom": {
+				"offset": "none"
+			}
+		},
+		/* 模块配置 */
+		"modules": {
+			"Record": {}
+		},
+		/* 应用发布信息 */
+		"distribute": {
+			/* android打包配置 */
+			"android": {
+				"permissions": [
+					"<uses-feature android:name=\"android.hardware.camera\"/>",
+					"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.CAMERA\"/>",
+					"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+					"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+					"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
+					"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+					"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+					"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+					"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+					"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+				],
+				"abiFilters": ["armeabi-v7a", "arm64-v8a"],
+				"enableOAID": false
+			},
+			/* ios打包配置 */
+			"ios": {
+				"UIBackgroundModes": "audio",
+				"dSYMs": false,
+				"idfa": false
+			},
+			/* SDK配置 */
+			"sdkConfigs": {
+				"ad": {},
+				"payment": {
+					"appleiap": {}
+				},
+				"speech": {},
+				"oauth": {}
+			},
+			"splashscreen": {
+				"androidStyle": "common",
+				"useOriginalMsgbox": false,
+				"iosStyle": "common",
+				"ios": {}
+			},
+			"icons": {
+				"android": {
+					"hdpi": "unpackage/res/icons/72x72.png",
+					"xhdpi": "unpackage/res/icons/96x96.png",
+					"xxhdpi": "unpackage/res/icons/144x144.png",
+					"xxxhdpi": "unpackage/res/icons/192x192.png"
+				},
+				"ios": {
+					"appstore": "unpackage/res/icons/1024x1024.png",
+					"ipad": {
+						"app": "unpackage/res/icons/76x76.png",
+						"app@2x": "unpackage/res/icons/152x152.png",
+						"notification": "unpackage/res/icons/20x20.png",
+						"notification@2x": "unpackage/res/icons/40x40.png",
+						"proapp@2x": "unpackage/res/icons/167x167.png",
+						"settings": "unpackage/res/icons/29x29.png",
+						"settings@2x": "unpackage/res/icons/58x58.png",
+						"spotlight": "unpackage/res/icons/40x40.png",
+						"spotlight@2x": "unpackage/res/icons/80x80.png"
+					},
+					"iphone": {
+						"app@2x": "unpackage/res/icons/120x120.png",
+						"app@3x": "unpackage/res/icons/180x180.png",
+						"notification@2x": "unpackage/res/icons/40x40.png",
+						"notification@3x": "unpackage/res/icons/60x60.png",
+						"settings@2x": "unpackage/res/icons/58x58.png",
+						"settings@3x": "unpackage/res/icons/87x87.png",
+						"spotlight@2x": "unpackage/res/icons/80x80.png",
+						"spotlight@3x": "unpackage/res/icons/120x120.png"
+					}
+				}
+			}
+		}
+	},
+	"networkTimeout": {
+		"request": 6000
+	},
+	/* 快应用特有相关 */
+	"quickapp": {},
+	/* 小程序特有相关 */
+	"mp-weixin": {
+		"appid": "",
+		"setting": {
+			"urlCheck": false
+		},
+		"usingComponents": true
+	},
+	"mp-alipay": {
+		"usingComponents": true
+	},
+	"mp-baidu": {
+		"usingComponents": true
+	},
+	"mp-toutiao": {
+		"usingComponents": true
+	},
+	"uniStatistics": {
+		"enable": false
+	},
+	"vueVersion": "2",
+	"h5": {
+		"router": {
+			"base": "./",
+			"mode": "hash"
+		},
+		"template": "h5.template.html",
+		"optimization": {
+			"treeShaking": {
+				"enable": true
+			}
+		}
+	},
+	//, "devServer" : {
+	// 	"port": 8080,
+	// 	"disableHostCheck":true,
+	// 	"proxy" : {
+	// 		"/Gapi": {
+	// 			"target": "https://duoxiaoduoxue.cn",
+	// 			"changeOrigin": true,
+	// 			"secure": false,
+	// 			"pathRewrite": {
+	// 				"^/Gapi": ""
+	// 			}
+	// 		}
+	// 	}
+	// }
+	"fallbackLocale": "zh-Hans"
+}

pages.json

@@ -21,14 +21,62 @@
 					"bounce": "none"
 				}
 			}
+		}, {
+			"path": "pages/my/editMobile",
+			"style": {
+				"navigationBarTitleText": "修改手机号",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/idcheck",
+			"style": {
+				"navigationBarTitleText": "实名认证",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/forgetPass",
+			"style": {
+				"navigationBarTitleText": "忘记密码",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/editInfo",
+			"style": {
+				"navigationBarTitleText": "基本资料",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/step",
+			"style": {
+				"navigationBarTitleText": "完善信息",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/managePhoto",
+			"style": {
+				"navigationBarTitleText": "相册管理",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/setting",
+			"style": {
+				"navigationBarTitleText": "设置",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/tranWechat",
+			"style": {
+				"navigationBarTitleText": "交换微信",
+				"navigationBarBackgroundColor": "#161616"
+			}
 		}
 
 	],
 	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "古诗闯关",
-		"navigationBarBackgroundColor": "#f5f5f5",
-		"backgroundColor": "#ffffff"
+		"navigationBarTextStyle": "white",
+		"navigationBarTitleText": "遇见玛特",
+		"navigationBarBackgroundColor": "#161616",
+		"backgroundColor": "#161616"
 	},
 	"tabBar": {
 		// "custom":true,
@@ -44,13 +92,13 @@
 				"text": "遇见"
 			},
 			{
-				"pagePath": "pages/index/index",
+				"pagePath": "pages/my/idcheck",
 				"iconPath": "static/tab/tab_article_sel.png",
 				"selectedIconPath": "static/tab/tab_article_sel.png",
 				"text": "动态"
 			},
 			{
-				"pagePath": "pages/index/index",
+				"pagePath": "pages/my/editInfo",
 				"iconPath": "static/tab/tab_sms_sel.png",
 				"selectedIconPath": "static/tab/tab_sms_sel.png",
 				"text": "消息"

pages/index/index.vue

@@ -2,8 +2,8 @@
 	<view class="page">
 		<view class="header">
 			<view class="left">
-				<text class="title">古诗闯关</text>
-				<text>{{num_people}} 人和您一起闯关</text>
+				<text class="title"></text>
+				<text>{{num_people}}</text>
 			</view>
 			<view class="right">
 				<view class="rbg">

pages/my/editInfo.vue

@@ -0,0 +1,191 @@
+<template>
+	<view class="page">
+		<view class="list_info">
+			<view class="bcenter">
+				<view class="avator">
+					<image src="../../static/me/avator.png" mode="widthFix" />
+					<image class="photo" src="../../static/me/photo.png" mode="widthFix" />
+				</view>
+			</view>
+			<view class="name">昵称：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入昵称" />
+			</view>
+			<view class="name">微信号：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入微信号" />
+			</view>
+			<view class="name">性别：</view>
+			<view class="item2">
+				<view class="sex" :class="sex == 1?'active':''" style="margin-right: 10rpx;" @click="chkSex(1)">男</view>
+				<view class="sex" :class="sex == 2?'active':''" style="margin-left: 10rpx;" @click="chkSex(2)">女</view>
+			</view>
+			<view class="name">年龄：</view>
+			<view class="itemSingle">
+				<slider class="slider" value="30" @change="sliderChange" activeColor="#FF2A95"
+					background-color="#282828" block-color="#FF2A95" block-size="12" min="18" max="100" show-value />
+			</view>
+			<view class="name">身高（CM）：</view>
+			<view class="itemSingle">
+				<slider class="slider" value="175" @change="sliderChange" activeColor="#FF2A95"
+					background-color="#282828" block-color="#FF2A95" block-size="12" min="150" max="220" show-value />
+			</view>
+			<view class="name">体重（KG）：</view>
+			<view class="itemSingle">
+				<slider class="slider" value="65" @change="sliderChange" activeColor="#FF2A95"
+					background-color="#282828" block-color="#FF2A95" block-size="12" min="30" max="100" show-value />
+			</view>
+			<view class="name">学历：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请选择" />
+				<image class="arrow" src="../../static/me/arrow_right_gray.png" mode="widthFix" />
+			</view>
+			<view class="name">星座：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请选择" />
+				<image class="arrow" src="../../static/me/arrow_right_gray.png" mode="widthFix" />
+			</view>
+			<view class="name">职业：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入职业" />
+			</view>
+			<view class="name">个性签名：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入个性签名" />
+			</view>
+			<view class="name">兴趣爱好：
+				<view class="right">添加+</view>
+			</view>
+			<view class="item_tag">
+				<view class="tag" v-for="(item,index) in list_tag">
+					{{item}}
+					<image class="close" src="../../static/me/close.png" mode="widthFix" />
+				</view>
+			</view>
+
+
+
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<view class="btn_submit">提交修改</view>
+
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				sex: 1,
+				list_tag: [
+					'篮球', '排球', '足球', '羽毛球', '健身达人', '美食达人'
+				],
+			}
+		},
+		onLoad() {
+			setTimeout(function() {
+				uni.setNavigationBarColor({
+					frontColor: '#ffffff',
+					backgroundColor: '#00000000',
+					animation: {
+						duration: 400,
+						timingFunc: 'easeIn'
+					}
+				})
+			}, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			chkSex(sex) {
+				this.sex = sex;
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+			EditNickname() {
+				let that = this;
+				this.$refs['DialogBox'].confirm({
+					title: '更改昵称',
+					placeholder: '请输入修改的昵称',
+					value: that.myinfo.nickname,
+					DialogType: 'input',
+					animation: 0
+				}).then((res) => {
+					if (res.value.length < 1) {
+						uni.showToast({
+							title: "请输入有效的昵称",
+							icon: 'none'
+						});
+						return;
+					}
+					that.myinfo.nickname = res.value;
+					let obj2 = {
+						nickname: res.value
+					}
+					const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+					uni.request({
+						url: that.$apiHost + '/Gushi/editinfo', //检测是否已绑定
+						data: postData,
+						method: 'POST',
+						header: {
+							'content-type': 'application/json', //自定义请求头信息
+							'Access-Control-Allow-Origin': '*'
+						},
+						success: (res) => {
+							uni.showToast({
+								title: res.data.str,
+								icon: 'none'
+							});
+						}
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'normal.scss';
+</style>

pages/my/editMobile.vue

@@ -0,0 +1,146 @@
+<template>
+	<view class="page">
+		<view class="list_info">
+			<view class="name">旧手机号码：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入旧手机号码" />
+			</view>
+			<view class="name">新手机号码：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入新手机号码" />
+			</view>
+			<view class="name">验证码：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入验证码" />
+				<view class="btn">获取验证码</view>
+			</view>
+
+
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<view class="btn_submit">提交修改</view>
+
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				myinfo: {
+					nickname: '王思思',
+					join_name: '注册日期：2024年5月',
+					num_1: 0,
+					num_2: 0,
+					num_3: 0,
+					num_4: 0,
+					is_login: 'no',
+					num_history: 0,
+					num_collection: 0
+				},
+			}
+		},
+		onLoad() {
+			setTimeout(function() {
+				uni.setNavigationBarColor({
+					frontColor: '#ffffff',
+					backgroundColor: '#00000000',
+					animation: {
+						duration: 400,
+						timingFunc: 'easeIn'
+					}
+				})
+			}, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+			EditNickname() {
+				let that = this;
+				this.$refs['DialogBox'].confirm({
+					title: '更改昵称',
+					placeholder: '请输入修改的昵称',
+					value: that.myinfo.nickname,
+					DialogType: 'input',
+					animation: 0
+				}).then((res) => {
+					if (res.value.length < 1) {
+						uni.showToast({
+							title: "请输入有效的昵称",
+							icon: 'none'
+						});
+						return;
+					}
+					that.myinfo.nickname = res.value;
+					let obj2 = {
+						nickname: res.value
+					}
+					const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+					uni.request({
+						url: that.$apiHost + '/Gushi/editinfo', //检测是否已绑定
+						data: postData,
+						method: 'POST',
+						header: {
+							'content-type': 'application/json', //自定义请求头信息
+							'Access-Control-Allow-Origin': '*'
+						},
+						success: (res) => {
+							uni.showToast({
+								title: res.data.str,
+								icon: 'none'
+							});
+						}
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'normal.scss';
+</style>

pages/my/forgetPass.vue

@@ -0,0 +1,150 @@
+<template>
+	<view class="page">
+		<view class="list_info">
+			<view class="name">手机号码：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入手机号码" />
+			</view>
+			<view class="name">验证码：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入验证码" />
+				<view class="btn">获取验证码</view>
+			</view>
+			<view class="name">设置新密码：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入新登录密码" />
+			</view>
+			<view class="name">确认新密码：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请再次输入新登录密码" />
+			</view>
+
+
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<view class="btn_submit">提交修改</view>
+
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				myinfo: {
+					nickname: '王思思',
+					join_name: '注册日期：2024年5月',
+					num_1: 0,
+					num_2: 0,
+					num_3: 0,
+					num_4: 0,
+					is_login: 'no',
+					num_history: 0,
+					num_collection: 0
+				},
+			}
+		},
+		onLoad() {
+			setTimeout(function() {
+				uni.setNavigationBarColor({
+					frontColor: '#ffffff',
+					backgroundColor: '#00000000',
+					animation: {
+						duration: 400,
+						timingFunc: 'easeIn'
+					}
+				})
+			}, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+			EditNickname() {
+				let that = this;
+				this.$refs['DialogBox'].confirm({
+					title: '更改昵称',
+					placeholder: '请输入修改的昵称',
+					value: that.myinfo.nickname,
+					DialogType: 'input',
+					animation: 0
+				}).then((res) => {
+					if (res.value.length < 1) {
+						uni.showToast({
+							title: "请输入有效的昵称",
+							icon: 'none'
+						});
+						return;
+					}
+					that.myinfo.nickname = res.value;
+					let obj2 = {
+						nickname: res.value
+					}
+					const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+					uni.request({
+						url: that.$apiHost + '/Gushi/editinfo', //检测是否已绑定
+						data: postData,
+						method: 'POST',
+						header: {
+							'content-type': 'application/json', //自定义请求头信息
+							'Access-Control-Allow-Origin': '*'
+						},
+						success: (res) => {
+							uni.showToast({
+								title: res.data.str,
+								icon: 'none'
+							});
+						}
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'normal.scss';
+</style>

pages/my/idcheck.vue

@@ -0,0 +1,139 @@
+<template>
+	<view class="page">
+		<view class="list_info">
+			<view class="name">姓名：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入真实姓名" />
+			</view>
+			<view class="name">身份证号：</view>
+			<view class="item">
+				<input type="text" class="input" placeholder="请输入身份证号" />
+			</view>
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<view class="btn_submit">提交实名认证</view>
+
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				myinfo: {
+					nickname: '王思思',
+					join_name: '注册日期：2024年5月',
+					num_1: 0,
+					num_2: 0,
+					num_3: 0,
+					num_4: 0,
+					is_login: 'no',
+					num_history: 0,
+					num_collection: 0
+				},
+			}
+		},
+		onLoad() {
+			setTimeout(function() {
+				uni.setNavigationBarColor({
+					frontColor: '#ffffff',
+					backgroundColor: '#00000000',
+					animation: {
+						duration: 400,
+						timingFunc: 'easeIn'
+					}
+				})
+			}, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+			EditNickname() {
+				let that = this;
+				this.$refs['DialogBox'].confirm({
+					title: '更改昵称',
+					placeholder: '请输入修改的昵称',
+					value: that.myinfo.nickname,
+					DialogType: 'input',
+					animation: 0
+				}).then((res) => {
+					if (res.value.length < 1) {
+						uni.showToast({
+							title: "请输入有效的昵称",
+							icon: 'none'
+						});
+						return;
+					}
+					that.myinfo.nickname = res.value;
+					let obj2 = {
+						nickname: res.value
+					}
+					const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+					uni.request({
+						url: that.$apiHost + '/Gushi/editinfo', //检测是否已绑定
+						data: postData,
+						method: 'POST',
+						header: {
+							'content-type': 'application/json', //自定义请求头信息
+							'Access-Control-Allow-Origin': '*'
+						},
+						success: (res) => {
+							uni.showToast({
+								title: res.data.str,
+								icon: 'none'
+							});
+						}
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'normal.scss';
+</style>

pages/my/managePhoto.scss

@@ -0,0 +1,54 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	background-color: #161616;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.list_info {
+	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
+	width:750rpx;
+	
+	.tips {
+		width:690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
+		font-weight: 400;font-size: 28rpx;color: #FE2D56;
+	}
+	.item_tag {
+		display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+		flex-wrap: wrap;width: 690rpx;
+		.tag {
+			width:218rpx;height:218rpx;position: relative;
+			border-radius: 20rpx;margin-right: 12rpx;margin-bottom: 12rpx;
+			display: flex;flex-direction: row;justify-content: center;align-items: center;
+			.close {
+				width:48rpx;height:48rpx;margin-left:10rpx;position: absolute;right:10rpx;top:10rpx;
+			}
+			.logo {
+				width:218rpx;height:218rpx;border-radius: 28rpx;
+			}
+		}
+		.tagAdd {
+			width:218rpx;height:218rpx;position: relative;
+			border-radius: 20rpx;margin-right: 12rpx;margin-bottom: 12rpx;
+			border: 2rpx dotted #404040;
+			display: flex;flex-direction: row;justify-content: center;align-items: center;
+			.add {
+				width:50rpx;height:50rpx;
+			}
+		}
+	}
+}
+.btn_submit {
+	width: 660rpx;height: 96rpx;position: fixed;bottom:50rpx;left:45rpx;
+	background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
+	border-radius: 28rpx;font-weight: bold;font-size: 32rpx;color: #FFFFFF;
+	display: flex;flex-direction: row;justify-content: center;align-items: center;
+}
+.blankHeight {
+	height:300rpx;
+}

pages/my/managePhoto.vue

@@ -0,0 +1,145 @@
+<template>
+	<view class="page">
+		<view class="list_info">
+
+			<view class="item_tag">
+				<view class="tag" v-for="(item,index) in list_tag">
+					<image class="logo" src="../../static/logo.png" mode="widthFix"></image>
+					<image class="close" src="../../static/me/close2.png" mode="widthFix" />
+				</view>
+				<view class="tagAdd">
+					<image class="add" src="../../static/me/icon_add.png" mode="widthFix" />
+				</view>
+			</view>
+			<view class="tips">*最多上传5张图片</view>
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<view class="btn_submit">提交</view>
+
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				list_tag: [
+					'xx', 'ff', 'vv'
+				],
+				myinfo: {
+					nickname: '王思思',
+					join_name: '注册日期：2024年5月',
+					num_1: 0,
+					num_2: 0,
+					num_3: 0,
+					num_4: 0,
+					is_login: 'no',
+					num_history: 0,
+					num_collection: 0
+				},
+			}
+		},
+		onLoad() {
+			setTimeout(function() {
+				uni.setNavigationBarColor({
+					frontColor: '#ffffff',
+					backgroundColor: '#00000000',
+					animation: {
+						duration: 400,
+						timingFunc: 'easeIn'
+					}
+				})
+			}, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+			EditNickname() {
+				let that = this;
+				this.$refs['DialogBox'].confirm({
+					title: '更改昵称',
+					placeholder: '请输入修改的昵称',
+					value: that.myinfo.nickname,
+					DialogType: 'input',
+					animation: 0
+				}).then((res) => {
+					if (res.value.length < 1) {
+						uni.showToast({
+							title: "请输入有效的昵称",
+							icon: 'none'
+						});
+						return;
+					}
+					that.myinfo.nickname = res.value;
+					let obj2 = {
+						nickname: res.value
+					}
+					const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+					uni.request({
+						url: that.$apiHost + '/Gushi/editinfo', //检测是否已绑定
+						data: postData,
+						method: 'POST',
+						header: {
+							'content-type': 'application/json', //自定义请求头信息
+							'Access-Control-Allow-Origin': '*'
+						},
+						success: (res) => {
+							uni.showToast({
+								title: res.data.str,
+								icon: 'none'
+							});
+						}
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'managePhoto.scss';
+</style>

pages/my/normal.scss

@@ -0,0 +1,173 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	background-color: #161616;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.list_info {
+	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
+	width:750rpx;
+	.name {
+		width:690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
+		color:#fff;font-size: 28rpx;margin-top: 20rpx;
+		.right {
+			font-size: 28rpx;
+			color: #FF2A95;
+		}
+	}
+	.desc {
+		width:690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
+		color:#999;font-size: 24rpx;margin-top: 20rpx;
+	}
+	.item {
+		width: 690rpx;height: 84rpx;margin-top: 20rpx;
+		background: #282828;position: relative;
+		border-radius: 24rpx 24rpx 24rpx 24rpx;
+		input {
+			width:100%;height:100%;padding-left: 20rpx;font-size: 28rpx;
+		}
+		.btn {
+			position: absolute;right:20rpx;top:0rpx;
+			font-weight: 400;
+			font-size: 28rpx;line-height: 84rpx;
+			color: #FF2A95;
+		}
+		.arrow {
+			width:36rpx;position: absolute;right:20rpx;top:24rpx;
+		}
+	}
+	.bcenter {
+		display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 20rpx;
+		.avator {
+			width: 172rpx;position: relative;
+			.photo {
+				width:48rpx;position: absolute;bottom:0;right:0;
+			}
+		}
+	}
+	.item2 {
+		width: 690rpx;height: 84rpx;margin-top: 20rpx;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+		.sex {
+			width: 334rpx;height: 84rpx;
+			background: #282828;
+			border-radius: 24rpx;
+			border: 2rpx solid #282828;color:#999;
+			display: flex;flex-direction: row;justify-content: center;align-items: center;
+		}
+		.active {
+			border: 4rpx solid #FF2A95;color:#FF2A95;
+		}
+		.sex2 {
+			image {
+				width:172rpx;
+			}
+		}
+	}
+	.itemSex {
+		width: 690rpx;margin-top: 20rpx;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+		.sex2 {
+			display: flex;flex-direction: column;justify-content: flex-end;align-items: center;
+			width:210rpx;height:210rpx;
+			text {
+				color:#999;
+			}
+			image {
+				width:132rpx;height:132rpx;
+			}
+		}
+		.active {
+			text {
+				color:#fff;
+			}
+			image {
+				border: 4rpx solid #36D6FF;border-radius: 172rpx;width:172rpx;height:172rpx;
+			}
+		}
+	}
+	.itemSingle {
+		width: 690rpx;height: 84rpx;margin-top: 20rpx;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+		.slider {
+			width: 100%;
+		}
+	}
+	.itemXL {
+		width: 690rpx;
+	}
+	.item_tag {
+		display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+		flex-wrap: wrap;width: 690rpx;
+		.tag {
+			border-radius: 20rpx;margin-right: 10rpx;margin-top:20rpx;padding:0rpx 20rpx;height:60rpx;
+			border: 2rpx solid #404040;
+			display: flex;flex-direction: row;justify-content: center;align-items: center;
+			.close {
+				width:36rpx;margin-left:10rpx;
+			}
+		}
+		.active {
+			border-radius: 20rpx;
+			border: 2rpx solid #FF2A95;
+		}
+	}
+}
+.btn_submit {
+	width: 660rpx;height: 96rpx;position: fixed;bottom:50rpx;left:45rpx;
+	background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
+	border-radius: 28rpx;font-weight: bold;font-size: 32rpx;color: #FFFFFF;
+	display: flex;flex-direction: row;justify-content: center;align-items: center;
+}
+.btn_list {
+	width: 660rpx;height: 96rpx;position: fixed;bottom:50rpx;left:45rpx;
+	display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+	.btn_submit1 {
+		width: 326rpx;height: 96rpx;border: 2rpx solid #D0D0D0;
+		border-radius: 28rpx;font-weight: normal;font-size: 32rpx;color: #FFFFFF;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+	}
+	.btn_submit2 {
+		width: 312rpx;height: 96rpx;
+		background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
+		border-radius: 28rpx;font-weight: normal;font-size: 32rpx;color: #FFFFFF;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+	}
+}
+.picker-view {
+	width: 690rpx;
+	height: 400rpx;
+	margin-top: 20rpx;
+	background-color: #00000000;
+}
+.itemXll {
+	line-height: 100rpx;
+	text-align: center;
+}
+.selectLine {
+	background: #80404040;border-radius: 24rpx;height:100rpx;border:0;border-top:0;
+}
+// 给中间选中行添加border-radius
+::v-deep .itemXll .selectLine {
+    border-radius: 0 16rpx 16rpx 0;
+}
+::v-deep .itemXll .selectLine {
+    border-radius: 16rpx 0 0 16rpx;
+}
+ 
+// 修改原有的上下边框颜色
+::v-deep .selectLine::after {
+    border-bottom: 0rpx solid #000;
+}
+::v-deep .selectLine::before {
+    border-top: 0rpx solid #000;
+}
+.blankHeight {
+	height:300rpx;
+}

pages/my/setting.scss

@@ -0,0 +1,40 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	background-color: #161616;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.list_info {
+	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
+	width:750rpx;
+	
+	.item {
+		width: 690rpx;height: 84rpx;margin-top: 10rpx;color:#fff;font-size: 28rpx;
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		border-bottom: solid 1px #393939;
+		text {
+			
+		}
+		.arrow {
+			width:36rpx;
+		}
+		.desc {
+			color:#fff;
+		}
+	}
+}
+.btn_submit {
+	width: 660rpx;height: 96rpx;position: fixed;bottom:50rpx;left:45rpx;
+	border: 2rpx solid #404040;
+	border-radius: 28rpx;font-weight: bold;font-size: 32rpx;color: #FF2A95;
+	display: flex;flex-direction: row;justify-content: center;align-items: center;
+}
+.blankHeight {
+	height:300rpx;
+}

pages/my/setting.vue

@@ -0,0 +1,192 @@
+<template>
+	<view class="page">
+		<view class="list_info">
+			<view class="item" v-for="(item,index) in list" :key="index">
+				<text>{{item.name}}</text>
+
+				<image v-if="item.desc == '' && item.switch != 1" class="arrow"
+					src="../../static/me/arrow_right_gray.png" mode="widthFix">
+				</image>
+				<text class="desc" v-else>{{item.desc}}</text>
+				<switch v-if="item.switch == 1" checked color="#FFCC33" style="transform:scale(0.7)" />
+
+			</view>
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<view class="btn_submit">退出登录</view>
+
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				list: [{
+						name: '实名认证',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '修改密码',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '修改手机号',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '打赏设置',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '收款账户设置',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '收货地址设置',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '举报记录',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '用户协议',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '隐私政策',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '注销账号',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '青少年模式',
+						'switch': 1,
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '客服热线',
+						'desc': '400-888-1688',
+						'path': ''
+					}
+				]
+			}
+		},
+		onLoad() {
+			setTimeout(function() {
+				uni.setNavigationBarColor({
+					frontColor: '#ffffff',
+					backgroundColor: '#00000000',
+					animation: {
+						duration: 400,
+						timingFunc: 'easeIn'
+					}
+				})
+			}, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+			EditNickname() {
+				let that = this;
+				this.$refs['DialogBox'].confirm({
+					title: '更改昵称',
+					placeholder: '请输入修改的昵称',
+					value: that.myinfo.nickname,
+					DialogType: 'input',
+					animation: 0
+				}).then((res) => {
+					if (res.value.length < 1) {
+						uni.showToast({
+							title: "请输入有效的昵称",
+							icon: 'none'
+						});
+						return;
+					}
+					that.myinfo.nickname = res.value;
+					let obj2 = {
+						nickname: res.value
+					}
+					const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+					uni.request({
+						url: that.$apiHost + '/Gushi/editinfo', //检测是否已绑定
+						data: postData,
+						method: 'POST',
+						header: {
+							'content-type': 'application/json', //自定义请求头信息
+							'Access-Control-Allow-Origin': '*'
+						},
+						success: (res) => {
+							uni.showToast({
+								title: res.data.str,
+								icon: 'none'
+							});
+						}
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'setting.scss';
+</style>

pages/my/step.vue

@@ -0,0 +1,261 @@
+<template>
+	<view class="page">
+		<view class="list_info">
+			<block v-if="step == 1">
+				<view class="name">请问你的性别是：</view>
+				<view class="itemSex">
+					<view class="sex2" :class="sex == 1?'active':''" style="margin-right: 10rpx;" @click="chkSex(1)">
+						<image class="photo" src="../../static/me/sex_1.png" mode="widthFix" />
+						<text>男性</text>
+					</view>
+					<view class="sex2" :class="sex == 2?'active':''" style="margin-left: 10rpx;" @click="chkSex(2)">
+						<image class="photo" src="../../static/me/sex_2.png" mode="widthFix" />
+						<text>女性</text>
+					</view>
+				</view>
+				<view class="name">给自己取个名字吧：</view>
+				<view class="item">
+					<input type="text" class="input" placeholder="请输入昵称" />
+				</view>
+				<view class="name">你的微信号是：</view>
+				<view class="item">
+					<input type="text" class="input" placeholder="请输入微信号" />
+				</view>
+				<view class="name">选一张你的真实照片作为封面：</view>
+				<view class="bcenter">
+					<view class="avator">
+						<image src="../../static/me/avator.png" mode="widthFix" />
+						<image class="photo" src="../../static/me/photo.png" mode="widthFix" />
+					</view>
+				</view>
+			</block>
+			<block v-if="step == 2">
+				<view class="name">给自己写一个个性签名：</view>
+				<view class="item">
+					<input type="text" class="input" placeholder="请输入个性签名" />
+				</view>
+				<view class="name">职业：</view>
+				<view class="item">
+					<input type="text" class="input" placeholder="请输入职业" />
+				</view>
+				<view class="name">年龄：</view>
+				<view class="itemSingle">
+					<slider class="slider" value="30" @change="sliderChange" activeColor="#FF2A95"
+						background-color="#282828" block-color="#FF2A95" block-size="12" min="18" max="100"
+						show-value />
+				</view>
+				<view class="name">身高（CM）：</view>
+				<view class="itemSingle">
+					<slider class="slider" value="175" @change="sliderChange" activeColor="#FF2A95"
+						background-color="#282828" block-color="#FF2A95" block-size="12" min="150" max="220"
+						show-value />
+				</view>
+				<view class="name">体重（KG）：</view>
+				<view class="itemSingle">
+					<slider class="slider" value="65" @change="sliderChange" activeColor="#FF2A95"
+						background-color="#282828" block-color="#FF2A95" block-size="12" min="30" max="100"
+						show-value />
+				</view>
+			</block>
+			<block v-if="step == 3">
+				<view class="name">学历：</view>
+				<view class="itemXL">
+					<picker-view indicator-class="selectLine" :value="XLvalue" @change="bindChange" class="picker-view"
+						mask-style="background:none;">
+						<picker-view-column>
+							<view class="itemXll" v-for="(item,index) in xueli_list" :key="index">{{item}}</view>
+						</picker-view-column>
+					</picker-view>
+				</view>
+				<view class="name">您的星座是：</view>
+				<view class="itemXL">
+					<picker-view indicator-class="selectLine" :value="XZvalue" @change="bindChange" class="picker-view"
+						mask-style="background:none;">
+						<picker-view-column>
+							<view class="itemXll" v-for="(item,index) in xz_list" :key="index">{{item}}</view>
+						</picker-view-column>
+					</picker-view>
+				</view>
+			</block>
+			<block v-if="step == 4">
+				<view class="name">你的兴趣爱好是？</view>
+				<view class="desc">提示：最多选择10个兴趣爱好标签</view>
+				<view class="item_tag">
+					<view @click="chkTag(item)" class="tag" :class="selTags(item)?'active':''"
+						v-for="(item,index) in list_tag">
+						{{item}}
+					</view>
+				</view>
+			</block>
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<view class="btn_submit" v-if="step == 1" @click="step ++;">下一步</view>
+		<view class="btn_list" v-if="step == 2 || step == 3">
+			<view class="btn_submit1" @click="step --;">上一步</view>
+			<view class="btn_submit2" @click="step ++;">下一步</view>
+		</view>
+		<view class="btn_list" v-if="step == 4">
+			<view class="btn_submit1" @click="step --;">上一步</view>
+			<view class="btn_submit2">完成</view>
+		</view>
+
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				step: 4,
+				sel: 1,
+				sex: 1,
+				xueli_list: [
+					'小学', '初中', '高中', '大学', '硕士', '博士'
+				],
+				XLvalue: [1],
+				xz_list: [
+					'水瓶座', '双鱼座', '白羊座', '金牛座', '双子座', '巨蟹座',
+					'狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座'
+				],
+				XZvalue: [1],
+				list_tag: [
+					'篮球', '排球', '足球', '羽毛球', '健身达人', '美食达人'
+				],
+				sel_tags: []
+			}
+		},
+		onLoad() {
+			// setTimeout(function() {
+			// 	uni.setNavigationBarColor({
+			// 		frontColor: '#ffffff',
+			// 		backgroundColor: '#00000000',
+			// 		animation: {
+			// 			duration: 400,
+			// 			timingFunc: 'easeIn'
+			// 		}
+			// 	})
+			// }, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			chkSex(sex) {
+				this.sex = sex;
+			},
+			bindChange: function(e) {
+				const val = e.detail.value
+				// this.XLvalue = this.xueli_list[val[0]]
+			},
+			selTags(itm) {
+				let that = this;
+				let isIn = false;
+				for (let entry of this.sel_tags) {
+					console.log(entry); // 1, "string", false
+					if (entry == itm) {
+						isIn = true;
+						break;
+					}
+				}
+				return isIn;
+			},
+			chkTag(itm) {
+				if (this.selTags(itm)) {
+					let tmpTags = [];
+					for (let entry of this.sel_tags) {
+						console.log(entry); // 1, "string", false
+						if (entry != itm) {
+							tmpTags.push(entry);
+						}
+					}
+					this.sel_tags = tmpTags;
+				} else {
+					this.sel_tags.push(itm);
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+			EditNickname() {
+				let that = this;
+				this.$refs['DialogBox'].confirm({
+					title: '更改昵称',
+					placeholder: '请输入修改的昵称',
+					value: that.myinfo.nickname,
+					DialogType: 'input',
+					animation: 0
+				}).then((res) => {
+					if (res.value.length < 1) {
+						uni.showToast({
+							title: "请输入有效的昵称",
+							icon: 'none'
+						});
+						return;
+					}
+					that.myinfo.nickname = res.value;
+					let obj2 = {
+						nickname: res.value
+					}
+					const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+					uni.request({
+						url: that.$apiHost + '/Gushi/editinfo', //检测是否已绑定
+						data: postData,
+						method: 'POST',
+						header: {
+							'content-type': 'application/json', //自定义请求头信息
+							'Access-Control-Allow-Origin': '*'
+						},
+						success: (res) => {
+							uni.showToast({
+								title: res.data.str,
+								icon: 'none'
+							});
+						}
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'normal.scss';
+</style>

pages/my/tranWechat.scss

@@ -0,0 +1,73 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	background-color: #161616;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.mainBody {
+	width:750rpx;padding:1rpx 20rpx;display: flex;flex-direction: column;
+	border-bottom: solid 2rpx #393939;
+	.menu {
+		display: flex;flex-direction: row;justify-content: space-between;padding:20rpx 0rpx 0rpx;
+		.item {
+			width:360rpx;border-radius: 18rpx;height:80rpx;display: flex;flex-direction:column;justify-content: center;align-items: center;
+			margin:0 20rpx;color:#999999;
+			.line {
+				width: 36rpx;height: 8rpx;margin-top: 20rpx;
+				background: #161616;
+				border-radius: 4rpx 4rpx 4rpx 4rpx;
+			}
+		}
+		.active {
+			color:#fff;
+			.line {
+				width: 36rpx;height: 8rpx;margin-top: 20rpx;
+				background: linear-gradient( 90deg, #FF5869 0%, #F83881 100%);
+				border-radius: 4rpx 4rpx 4rpx 4rpx;
+			}
+		}
+	}
+}
+.list_info {
+	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
+	width:750rpx;
+	
+	.item {
+		width: 690rpx;height: 162rpx;margin-top: 10rpx;color:#fff;font-size: 28rpx;
+		display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+		border-bottom: solid 1px #393939;
+		.avator {
+			width:110rpx;
+			.icon {
+				width:80rpx;height:80rpx;
+			}
+		}
+		.tit {
+			width:470rpx;
+			.name {
+				font-size: 28rpx;
+			}
+			.desc {
+				color:#999;font-size: 24rpx;
+			}
+		}
+		.state {
+			width:110rpx;font-size: 28rpx;
+		}
+	}
+}
+.btn_submit {
+	width: 660rpx;height: 96rpx;position: fixed;bottom:50rpx;left:45rpx;
+	border: 2rpx solid #404040;
+	border-radius: 28rpx;font-weight: bold;font-size: 32rpx;color: #FF2A95;
+	display: flex;flex-direction: row;justify-content: center;align-items: center;
+}
+.blankHeight {
+	height:300rpx;
+}

pages/my/tranWechat.vue

@@ -0,0 +1,180 @@
+<template>
+	<view class="page">
+		<view class="mainBody">
+			<view class="menu">
+				<view class="item" :class="{'active':tab===1}" @click="checkTab(1)">
+					<text class="left">全部</text>
+					<view class="line"></view>
+				</view>
+				<view class="item" :class="{'active':tab===2}" @click="checkTab(2)">
+					<text class="left">待处理</text>
+					<view class="line"></view>
+				</view>
+				<view class="item" :class="{'active':tab===3}" @click="checkTab(3)">
+					<text class="left">已通过</text>
+					<view class="line"></view>
+				</view>
+				<view class="item" :class="{'active':tab===4}" @click="checkTab(4)">
+					<text class="left">已拒绝</text>
+					<view class="line"></view>
+				</view>
+
+			</view>
+		</view>
+		<view class="list_info">
+			<view class="item" v-for="(item,index) in 10" :key="index">
+				<view class="avator">
+					<image class="icon" src="../../static/me/sex_2.png" mode="widthFix">
+					</image>
+				</view>
+				<view class="tit">
+					<view class="name">原淑功</view>
+					<view class="desc">您请求与王莹莹交换联系方式</view>
+				</view>
+				<view class="state">
+					<view class="status">待处理</view>
+					<view class="status">已同意</view>
+				</view>
+
+
+			</view>
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				tab: 1,
+				list: [{
+						name: '实名认证',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '修改密码',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '修改手机号',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '注销账号',
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '青少年模式',
+						'switch': 1,
+						'desc': '',
+						'path': ''
+					},
+					{
+						name: '客服热线',
+						'desc': '400-888-1688',
+						'path': ''
+					}
+				]
+			}
+		},
+		onLoad() {
+			setTimeout(function() {
+				uni.setNavigationBarColor({
+					frontColor: '#ffffff',
+					backgroundColor: '#00000000',
+					animation: {
+						duration: 400,
+						timingFunc: 'easeIn'
+					}
+				})
+			}, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			checkTab(tab) {
+				this.tab = tab;
+				// this.loadData();
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+			EditNickname() {
+				let that = this;
+				this.$refs['DialogBox'].confirm({
+					title: '更改昵称',
+					placeholder: '请输入修改的昵称',
+					value: that.myinfo.nickname,
+					DialogType: 'input',
+					animation: 0
+				}).then((res) => {
+					if (res.value.length < 1) {
+						uni.showToast({
+							title: "请输入有效的昵称",
+							icon: 'none'
+						});
+						return;
+					}
+					that.myinfo.nickname = res.value;
+					let obj2 = {
+						nickname: res.value
+					}
+					const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+					uni.request({
+						url: that.$apiHost + '/Gushi/editinfo', //检测是否已绑定
+						data: postData,
+						method: 'POST',
+						header: {
+							'content-type': 'application/json', //自定义请求头信息
+							'Access-Control-Allow-Origin': '*'
+						},
+						success: (res) => {
+							uni.showToast({
+								title: res.data.str,
+								icon: 'none'
+							});
+						}
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'tranWechat.scss';
+</style>