recruitment-wechat-uniapp-241012/pages_order/mine/setting.vue

<template>
	<view class="page">

		<navbar title="系统设置" leftClick @leftClick="$utils.navigateBack" />

		<view class="frame">
			<view class="content">
				<view class="title">账号设置</view>
				
				<uv-cell
				icon="coupon" 
				title="切换账号"
				isLink
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				<uv-cell
				icon="coupon" 
				title="切换身份"
				isLink
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				<uv-cell
				icon="coupon" 
				title="修改密码"
				isLink
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				
			</view>
			<view class="content">
				<view class="title">账号设置</view>
				
				<uv-cell
				icon="coupon" 
				title="清理缓存"
				isLink
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				<uv-cell
				icon="coupon" 
				title="退出登录"
				isLink
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				
			</view>
		</view>


	</view>
</template>
<script>
	export default {
		data() {
			return {
			}
		},

		methods: {
			tapItem(item, index) {
				if (item.text === this.$t('pageTitle.languageSwitch')) {
					this.$refs.changeLanguage.open();
				}
			}
		},
	}
</script>


<style scoped lang="scss">
	.page {
		background-color: #FFF;
		height: 100vh;

		.frame {

			.content {
				margin: 40rpx 0;

				.title {
					font-size: 30rpx;
					color: #b0b0b0;
					padding: 0 30rpx;
				}
				
				.uv-cell__body{
					padding: 40rpx 20rpx;
					margin-top: 10rpx;
				}
			}

		}
	}
</style>