6.8

2020-06-08 15:23:23 +08:00
parent e8c74df8a0
commit 233cb82ee4
44 changed files with 2461 additions and 82 deletions
--- a/pageE/mine/EditUserInfo.vue
+++ b/pageE/mine/EditUserInfo.vue
@@ -0,0 +1,104 @@
+<template>
+	<view class="edit-info">
+		<view class="user-info">
+			<view class="info-avatar">
+				<image src="../static/mine/23.png"></image>
+			</view>
+			<view class="info-item">
+				<view class="title">昵称</view>
+				<view class="value">胖胖</view>
+			</view>
+			<view class="info-item">
+				<view class="title">性别</view>
+				<view class="value">女</view>
+			</view>
+			<view class="info-item">
+				<view class="title">生日</view>
+				<view class="value">1998.10.13</view>
+			</view>
+			<view class="info-item phone" @click="updatePhone">
+				<view class="title">手机号</view>
+				<view class="value">18265906216</view>
+				<image src="../static/mine/21.png"></image>
+			</view>
+		</view>
+		<view class="edit-tips">注意：修改手机号需要原手机号获取验证码，无原手机验证码，请联系后台</view>
+		<view class="edit-btn">完成</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {}
+	},
+	methods: {
+		updatePhone() {
+			uni.navigateTo({
+				url: '/pageE/mine/UpdatePhone'
+			});
+		}
+	},
+};
+</script>
+<style lang="scss" scoped>
+.edit-info {
+	min-height: calc(100vh - var(--window-top));
+	background-color: #ECECEC;
+	padding-top: 1rpx;
+	.user-info {
+		.info-avatar {
+			text-align: center;
+			height: 160rpx;
+			background: rgba(255,255,255,1);
+			> image {
+				flex-shrink: 0;
+				width: 120rpx;
+				height: 120rpx;
+				border-radius: 50%;
+				margin-top: 20rpx;
+			}
+		}
+		.info-item {
+			display: flex;
+			align-items: center;
+			padding: 35rpx 30rpx;
+			border-top: 2rpx solid #ECECEC;
+			font-size: 30rpx;
+			height: 98rpx;
+			background: rgba(255,255,255,1);
+			.title {
+				width: 240rpx;
+				color: rgba(51,51,51,1);
+			}
+			.value {
+				color: rgba(102,102,102,1);
+			}
+		}
+		.phone {
+			> image {
+				margin-left: auto;
+				width: 11rpx;
+				height: 22rpx;
+			}
+		}
+	}
+	.edit-tips {
+		font-size: 24rpx;
+		color: rgba(102,102,102,1);
+		line-height: 40rpx;
+		margin: 20rpx 0 120rpx;
+		padding: 0 30rpx;
+	}
+	.edit-btn {
+		margin: 0 auto;
+		width: 690rpx;
+		height: 98rpx;
+		background: rgba(255,120,15,1);
+		border-radius: 49rpx;
+		font-size: 36rpx;
+		color: rgba(255,255,255,1);
+		line-height: 98rpx;
+		text-align: center;
+	}
+}
+</style>