<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>