xiongmao/pages/my/set-up/set-up.vue

<!-- 设置 -->
<template>
	<view class="wrap">
		<view class="module">
			<view class="row-between other-height" @tap="personalInformation">
				<view class="left-sidebar">
					<image :src="info.headimg" class="user-img" mode="aspectFill"></image>
					<view class="user-name">
						{{info.name}}
					</view>
				</view>
				<view class="right-sidebar">
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
			<view class="row-between" @tap="myAddress">
				<text class="label">我的收货地址</text>
				<view class="right-sidebar">
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="module">
			<view class="row-between" @tap="accountsAndSecurity">
				<text class="label">账户与安全</text>
				<view class="right-sidebar">
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
			<view class="row-between" @tap="privacySetting">
				<text class="label">隐私政策</text>
				<view class="right-sidebar">
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
			<view class="row-between" @tap="aboutUs">
				<text class="label">关于我们</text>
				<view class="right-sidebar">
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
			<view class="row-between">
				<text class="label">客服电话</text>
				<view class="right-sidebar">
					4005665205
				</view>
			</view>
			<view class="row-between" @tap="clearCache">
				<text class="label">清除缓存</text>
				<view class="right-sidebar">
					13.0M
				</view>
			</view>
			<view class="row-between" @tap="check">
				<text class="label">检查更新</text>
				<view class="right-sidebar">
					当前版本1.01
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="btn-box">
			<button type="default" @tap="logout">退出当前账号</button>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: {},
			}
		},
		onLoad() {
			this.info = uni.getStorageSync('USER_INFO') || {};
		},
		methods: {
			//退出当前账号确认-弹窗
			logout() {
				uni.showModal({
					title: '提示',
					content: '确定要退出当前账号吗？',
					confirmColor: '#F2501A',
					success: function(res) {
						if (res.confirm) {
							uni.removeStorageSync('session_key');
							uni.removeStorageSync('USER_INFO');
							uni.reLaunch({
								url: '/pages/index/index',
							})
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},

			//清理缓存-弹窗
			clearCache() {
				uni.showModal({
					title: '提示',
					content: '确定清理缓存吗？？',
					confirmColor: '#F2501A',
					success: function(res) {
						if (res.confirm) {
							uni.showLoading({
								title: '清理中'
							});
							setTimeout(function() {
								uni.hideLoading();
								uni.showToast({
									title: '已清理緩存147.74m',
									icon: 'none',
									duration: 2000
								});
							}, 1500);
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},

			//检查更新
			check() {
				uni.showToast({
					title: '已是最新版本',
					icon: 'none',
					duration: 2000
				});
			},

			// 跳转我的收货地址
			myAddress() {
				uni.navigateTo({
					url: '../my-address/my-address'
				})
			},

			// 跳转账户与安全
			accountsAndSecurity() {
				uni.navigateTo({
					url: '../accounts-and-security/accounts-and-security'
				})
			},
			// 跳转关于我们
			aboutUs() {
				uni.navigateTo({
					url: '../about-us/about-us'
				})
			},
			// 跳转隐私政策
			privacySetting() {
				uni.navigateTo({
					url: '../privacy-setting/privacy-setting'
				})
			},
			// 跳转个人资料
			personalInformation() {
				uni.navigateTo({
					url: '../personal-information/personal-information'
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	@import "./set-up.css";
</style>