上传实名成功 我的x 界面部分

locale/zh-Hans.json

@@ -3,6 +3,12 @@
 	"locale.en": "English",
 	"locale.zh-hans": "简体中文",
 	
+	"txt.恭喜您已完成实名认证":"恭喜您已完成实名认证",
+	"txt.姓名":"姓名",
+	"txt.身份证号":"身份证号",
+	"txt.重新认证":"重新认证",
+	
+	
 	"txt.M币充值":"M币充值",
 	"txt.币":"币",
 	"txt.￥":"￥",
@@ -11,5 +17,16 @@
 	"txt.微信支付":"微信支付",
 	"txt.支付宝支付":"支付宝支付",
 	"txt.点击支付即代表同意":"点击支付即代表同意",
-	"txt.M币充值协议":"《M币充值协议》"
+	"txt.M币充值协议":"《M币充值协议》",
+	
+	"txt.M币数量":"M币数量",
+	"txt.立即充值":"立即充值",
+	"txt.进出明细":"进出明细",
+	"txt.明细类型":"明细类型",
+	"txt.开始时间-结束时间":"开始时间-结束时间",
+	
+	"txt.可用余额":"可用余额",
+	"txt.升级后享平台最大权益":"升级后享平台最大权益",
+	"txt.我的特权":"我的特权",
+	"txt.去开通":"去开通"
 }

pages.json

@@ -98,6 +98,13 @@
 				"navigationBarTitleText": "txt.M币充值",
 				"navigationBarBackgroundColor": "#161616"
 			}
+		},
+		{
+			"path": "pages/my/X_coin",
+			"style": {
+				"navigationBarTitleText": "我的X币",
+				"navigationBarBackgroundColor": "#161616"
+			}
 		}
 
 	],

pages/my/M_coin.vue

@@ -9,28 +9,28 @@
 					<view class="left">
 						<view class="num">
 							<text>{{M_coinInfo.myMcoin}}</text>
-							<view class="name">M币数量</view>
+							<view class="name">{{$t('txt.M币数量')}}</view>
 						</view>
 					</view>
 					<view class="right">
 						<view class="buyBtn">
-							<text>立即充值</text>
+							<text>{{$t('txt.立即充值')}}</text>
 						</view>
 					</view>
 					<image class="icon" src="../../static/me/M_coin_bg1.png" mode="heightFix" />
 				</view>
 				<view style="padding-top: 20rpx;margin-left: 40rpx;" class="jinchu">
-					<text style="color:#FFFFFF;font-size: 32rpx;">进出明细</text>
+					<text style="color:#FFFFFF;font-size: 32rpx;">{{$t('txt.进出明细')}}</text>
 				</view>
 
 
 				<view class="mingxiList">
 					<view class="left">
-						<text style="font-size: 28rpx;color: #999999;">明细类型</text>
+						<text style="font-size: 28rpx;color: #999999;">{{$t('txt.明细类型')}}</text>
 						<image class="icon" src="../../static/me/arrow_down_gray.png" mode="heightFix" />
 					</view>
 					<view class="right">
-						<text style="font-size: 28rpx;color: #999999;">开始时间-结束时间</text>
+						<text style="font-size: 28rpx;color: #999999;">{{$t('txt.开始时间-结束时间')}}</text>
 						<image class="icon" src="../../static/me/arrow_down_gray.png" mode="heightFix" />
 					</view>
 				</view>
@@ -39,8 +39,8 @@
 					<view class="item" v-for="(item, index) in historyInfo" :key="index">
 						<view class="left">
 							<view class="num">
-								<text>{{ item.reason }}</text>
-								<view class="data">2023-1-12 15：00</view>
+								<text>{{ $t(item.reason) }}</text>
+								<view class="data">{{item.data}}</view>
 							</view>
 						</view>
 						<view class="right">
@@ -80,16 +80,19 @@
 				},
 				historyInfo: {
 					"0": {
-						reason: "M币充值",
-						value: 100
+						reason: "txt.M币充值",
+						value: 100,
+						data:"2023-1-12 15：00"
 					},
 					"1": {
-						reason: "M币充值",
-						value: 200
+						reason: "txt.M币充值",
+						value: 200,
+						data:"2023-1-12 13：00"
 					},
 					"2": {
-						reason: "赠送礼物",
-						value: -100
+						reason: "txt.M币充值",
+						value: -100,
+						data:"2023-1-12 11：00"
 					}
 				}
 			}
@@ -144,44 +147,7 @@
 
 
 			},
-			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>

pages/my/M_purchase.vue

@@ -162,44 +162,7 @@
 
 
 			},
-			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>

pages/my/X_coin.scss

@@ -0,0 +1,138 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	background-color: #161616;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.header {
+	display: flex;flex-direction: row;justify-content: space-between;align-items: center;color:$title;
+
+	.title {
+		font-size: 34rpx;
+	}
+}
+.thread {
+	height:210rpx;
+	padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
+}
+.myinfo {
+	display:flex;flex-direction: column;justify-content: flex-start;
+	margin:30rpx 30rpx 60rpx;
+	width: 690rpx;
+	height: 232rpx;
+	background: #333333;
+	border-radius: 44rpx 44rpx 44rpx 44rpx;
+	border: 2rpx solid #FFFFFF;	
+	
+
+	.mingxiList {
+		
+		width: 690rpx;
+		// height: 200rpx;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+		position: relative;
+		// height: 72rpx;
+		// background: #FFFFFF;
+		.left {
+			// background: #FFFFFF;
+			width: 300rpx;
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-left:40rpx;	padding-top: 20rpx;
+			.icon{
+				height: 58rpx;
+				width:252rpx;
+			}
+		}
+		.right{
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-right:40rpx;
+			padding-top: 20rpx;
+			width: 390rpx;
+			.icon{
+				padding-left:5rpx;
+				height: 36rpx;position: absolute;
+				top:-100rpx;
+				right:50rpx;
+			}
+		}
+		.icon2{
+			height: 234;
+			
+			left: 260rpx;
+		}
+
+	}
+	.numlist {
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		position: relative;
+		height: 176rpx;
+		// background: #28292D;
+		border-radius: 24rpx 24rpx 24rpx 24rpx;
+		.left {
+			display: flex;justify-content: flex-start;flex-direction: row;
+			margin-left: 50rpx;
+		}
+		.right{
+			margin-right: 85rpx;
+			.buyBtn{
+				width: 192rpx;
+				height: 72rpx;
+				margin-top: -20rpx;
+				background: linear-gradient( 151deg, #FFFFFF 0%, #D3D9F8 100%);
+				border-radius: 24rpx 24rpx 24rpx 24rpx;
+				text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
+				font-weight: bold;
+				font-size: 28rpx;
+				color: #333333;
+			}
+		}
+
+	}
+	.numlist2 {
+		.item {
+			display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+			height: 148rpx;
+			background: #28292D;
+			border-radius: 24rpx 24rpx 24rpx 24rpx;
+			margin-top: 24rpx;
+			
+			.left {
+				display: flex;justify-content: center;padding:50rpx;
+				.num {
+					text-align: left;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+					font-size: 40rpx;
+					color: #FFFFFF;
+
+					
+					.data {
+						font-size: 28rpx;color: #999999;margin-top: 12rpx;font-weight: normal;
+					}
+			
+				}
+			}
+			.right{
+				height: 40%;
+				display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;
+				.num1{
+					padding-right:50rpx;
+					text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
+					font-weight: bold;
+					font-size: 36rpx;
+					color: #FE2D56;
+				}
+				.num2{
+					color: #FFFFFF;
+				}
+			}
+		}
+	}
+}
+.blankHeight {
+	height:100rpx;
+}

pages/my/X_coin.vue

@@ -0,0 +1,171 @@
+<template>
+	<view class="page">
+		<view class="topBody">
+			<view class="header">
+			</view>
+			<view style="padding-top: 20rpx;margin-left: 40rpx;" >
+				<text style="color:#FFFFFF;font-size: 64rpx;">{{x_score}}</text>
+			</view>
+			<view style="padding-top: 20rpx;margin-left: 40rpx;display: flex;align-items: center;" >
+				<text style="color:#999999;font-size: 28rpx;">{{$t('txt.可用余额')}}</text>
+				<image style="margin-left: 10rpx;height: 36rpx;" src="../../static/me/icon_help.png" mode="heightFix" />
+			</view>
+			<view class="myinfo">
+				<view  class="mingxiList">
+					<view class="left">
+						<image class="icon" src="../../static/me/txt_blackDiamod.png" mode="widthFix" />
+					</view>
+					<view class="right">
+						<image style="height: 234rpx;"class="icon" src="../../static/me/img_blackDiamond.png" mode="heightFix" />
+
+					</view>
+				</view>
+				<text style="padding-top: 25srpx;padding-left: 50rpx;color: #999999; font-size: 24rpx;">{{$t('txt.升级后享平台最大权益')}}</text>
+				<view class="numlist">
+					<view class="left">
+						<image style="height:40rpx"src="../../static/me/icon_equity.png" mode="heightFix" />
+						<text style="margin-left: 5rpx;color:#FFFFFF;font-size: 28rpx;font-weight: bold;">{{$t('txt.我的特权')}}</text>
+						<image style="margin-left: 5rpx; margin-top: 3rpx; height:36rpx;"src="../../static/me/arrow_right.png" mode="heightFix" />
+					</view>
+					<view class="right">
+						<view class="buyBtn">
+							<text>{{$t('txt.去开通')}}</text>
+						</view>
+					</view>
+
+				</view>
+
+
+
+<!-- 				<view class="mingxiList">
+					<view class="left">
+						<text style="font-size: 28rpx;color: #999999;">{{$t('txt.明细类型')}}</text>
+						<image class="icon" src="../../static/me/arrow_down_gray.png" mode="heightFix" />
+					</view>
+					<view class="right">
+						<text style="font-size: 28rpx;color: #999999;">{{$t('txt.开始时间-结束时间')}}</text>
+						<image class="icon" src="../../static/me/arrow_down_gray.png" mode="heightFix" />
+					</view>
+				</view> -->
+
+<!-- 				<view class="numlist2">
+					<view class="item" v-for="(item, index) in historyInfo" :key="index">
+						<view class="left">
+							<view class="num">
+								<text>{{ $t(item.reason) }}</text>
+								<view class="data">{{item.data}}</view>
+							</view>
+						</view>
+						<view class="right">
+							<view v-if="item.value>0" class="num1">
+								<text>+{{ item.value }}</text>
+							</view>
+							<view v-else class="num1 num2">
+								<text>{{ item.value }}</text>
+							</view>
+						</view>
+					</view>
+				</view> -->
+
+			</view>
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				x_score:19991,
+				M_coinInfo: {
+
+					myMcoin: 0
+
+				},
+				historyInfo: {
+					"0": {
+						reason: "txt.M币充值",
+						value: 100,
+						data:"2023-1-12 15：00"
+					},
+					"1": {
+						reason: "txt.M币充值",
+						value: 200,
+						data:"2023-1-12 13：00"
+					},
+					"2": {
+						reason: "txt.M币充值",
+						value: -100,
+						data:"2023-1-12 11：00"
+					}
+				}
+			}
+		},
+		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;
+					}
+				});
+
+
+
+			},
+
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'X_coin.scss';
+</style>

pages/my/idcheck.scss

@@ -0,0 +1,68 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	background-color: #161616;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.header {
+	display: flex;flex-direction: row;justify-content: space-between;align-items: center;color:$title;
+
+	.title {
+		font-size: 34rpx;
+	}
+}
+.thread {
+	height:210rpx;
+	padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
+}
+.mainInfo {
+	width: 690rpx;
+	margin:30rpx 30rpx 60rpx;
+	display:flex;flex-direction: column;justify-content: space-around;
+	align-items: center;
+	// background: #FFFFFF;
+	
+	
+	.idList {
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		// position: relative;
+		width: 610rpx;
+		height: 84rpx;
+		background: #282828;
+		border-radius: 24rpx 24rpx 24rpx 24rpx;
+		margin-top: 48rpx;
+		.left {
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-left:24rpx;
+
+
+		}
+		.right{
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-right:24rpx;
+
+
+		}
+
+	}
+	
+	.reCheckBtn{
+		width: 610rpx;
+		height: 96rpx;
+		border-radius: 28rpx 28rpx 28rpx 28rpx;
+		border: 2rpx solid #404040;
+		display:flex;flex-direction: column;justify-content: space-around;
+		align-items: center;
+		margin-top: 74rpx;
+	}
+	
+}
+.blankHeight {
+	height:100rpx;
+}

pages/my/idcheck.vue

@@ -1,24 +1,56 @@
 <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="page">
+		<block v-if="false">
+			<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>
+				<view class="blankHeight"></view>
+			</view>
 
+			<view class="btn_submit">提交实名认证</view>
+		</block>
+		
+		<block v-if="true">
+			<view class ="mainInfo">
+				<image style="margin-top: 150rpx;height: 120rpx;"src="../../static/me/img_checkMark.png" mode="heightFix" />
+				<text style="margin-top: 60rpx;margin-bottom: 30rpx;color:#FFFFFF;font-size: 28rpx;">{{$t('txt.恭喜您已完成实名认证')}}</text>
+			
+				<view class="idList">
+					<view class="left">
+						<text style="font-size: 28rpx;color: #999999;">{{$t('txt.姓名')}}</text>
+					</view>
+					<view class="right">
+						<text style="font-size: 28rpx;color: #ffffff;">{{p_name}}</text>
+					</view>
+				</view>
+				
+				<view class="idList">
+					<view class="left">
+						<text style="font-size: 28rpx;color: #999999;">{{$t('txt.身份证号')}}</text>
+					</view>
+					<view class="right">
+						<text style="font-size: 28rpx;color: #ffffff;">{{p_id}}</text>
+					</view>
+				</view>
+			
+				<view class="reCheckBtn">
+					<text style="color:#FF2A95;font-size: 32rpx;">{{$t('txt.重新认证')}}</text>
+					
+				</view>
+			</view>
+		</block>	
 
 		<!-- 提示框 -->
-		<DialogBox ref="DialogBox"></DialogBox>
+		<DialogBox ref="DialogBox"></DialogBox>
+		
 	</view>
 </template>
 
@@ -28,18 +60,8 @@
 		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
-				},
+				p_name:'王明明',
+				p_id:'110203200007120221'
 			}
 		},
 		onLoad() {
@@ -59,13 +81,7 @@
 		},
 		methods: {
 			onBack() {},
-			chkSel() {
-				if (this.sel == 1) {
-					this.sel = 0;
-				} else {
-					this.sel = 1;
-				}
-			},
+
 			loadData() {
 				console.log("this.globalData", getApp().globalData);
 				let obj2 = {
@@ -92,48 +108,12 @@
 
 
 			},
-			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';
+	@import 'normal.scss';
+	@import 'idcheck.scss';
 </style>