注销账号，账号安全页面功能开发

pages/common/account/index.vue

@@ -0,0 +1,85 @@
+<template>
+	<div class="pageContent">
+		<view class="content">
+			<view class="menu-list">
+				<view class="menu-item" @click="changePassword">
+					<text class="title">修改登录密码</text>
+					<uni-icons type="right" size="25" color="rgba(255, 255, 255, 0.4)" class="uniIcon"></uni-icons>
+				</view>
+				<view class="menu-item" @click="deleteAccount">
+					<view class="title">注销账号</view>
+					<view class="menu_zx"> 注销后无法恢复，请谨慎操作</view>
+					<uni-icons type="right" size="25" color="rgba(255, 255, 255, 0.4)" class="uniIcon"></uni-icons>
+				</view>
+			</view>
+		</view>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {}
+		},
+		methods: {
+			// 修改密码
+			changePassword() {
+				uni.navigateTo({
+					url: '/pages/common/account/changepassword/index'
+				})
+			},
+			// 注销账号
+			deleteAccount() {
+				uni.navigateTo({
+					url: '/pages/common/account/deleteAccount/index'
+				})
+			},
+		},
+	}
+</script>
+
+<style scoped>
+	.pageContent {
+		background-color: rgb(18, 18, 18);
+		height: 100vh;
+		padding: 20rpx;
+	}
+
+	.menu-item {
+		font-size: 32rpx;
+		color: rgb(255, 255, 255);
+		padding: 30rpx 0;
+		border-bottom: 1rpx solid rgba(255, 255, 255, 0.04);
+		align-items: center;
+		background: rgba(26, 26, 26, 1);
+		position: relative;
+		margin-bottom: 24rpx;
+	}
+
+	.menu-item:last-child {
+		border-bottom: none;
+	}
+
+	.title {
+		padding-left: 20rpx;
+		padding-top: -8rpx;
+		font-size: 28rpx;
+	}
+
+	.uniIcon {
+		position: absolute;
+		right: 50rpx;
+		top: 30%;
+	}
+
+	.user-right {
+		margin-left: 30rpx;
+	}
+
+	.menu_zx {
+		color: rgba(255, 255, 255, 0.6);
+		font-size: 28rpx;
+		padding-left: 20rpx;
+		padding-top: 8rpx;
+	}
+</style>