keysass_app/pages/personal/setup/index.vue

<template>
	<view>
		<view style="background-color:#ffffff;height:96vh;width: 96vw;margin:2vh auto;padding:10px 13px;border-radius: 10rpx;">
			<!-- <view class="separate" @click="setup('inform')">
				<p>个人信息</p>
				<img  style='width:15rpx;height:25rpx;margin-top:5px;' src="http://image.bjkeyware.com/static/index/xia.png" alt="">
			</view> -->
			<!-- <view class="separate" @click="setup('setpass')">
				<p>设置密码</p>
				<img  style='width:15rpx;height:25rpx;margin-top:5px;' src="http://image.bjkeyware.com/static/index/xia.png" alt="">
			</view> -->
		<!-- 	<view class="separate" @click="setup('certif')">
				<p>实名认证</p>
				<img  style='width:15rpx;height:25rpx;margin-top:5px;' src="http://image.bjkeyware.com/static/index/xia.png" alt="">
			</view> -->
			
			<!-- <view class="separate"  @click="setup('pc')">
				<p>PC网页版</p>
				<img  style='width:15rpx;height:25rpx;margin-top:5px;' src="http://image.bjkeyware.com/static/index/xia.png" alt="">
			</view> -->
			<view class="separate" @click="setup('about')">
				<p>关于我们</p>
				<img  style='width:15rpx;height:25rpx;margin-top:5px;' src="http://image.bjkeyware.com/static/index/xia.png" alt="">
			</view>
			<view class="logoutbtn" @click="logout">退出登录</view>	
		</view>
		<u-modal title='温馨提示' v-model="logshow"   content="确定退出登录?" confirm-text='确定' cancel-text='取消' showCancelButton='true'
			cancel-color='#1578ED' confirm-color='#1578ED'  @confirm="logconfirm" cancel='logcancel'></u-modal>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				logshow:false
			}
		},
		methods: {
			logout(){
				this.logshow=true
			},
			logconfirm(){
				this.logshow=false
				uni.setStorageSync('accessToken', null)
				uni.setStorageSync('wxUserInfo', null)
				uni.setStorageSync('register', null)
				uni.setStorageSync('testerStatus', null)
				uni.setStorageSync('avatar', null)
				uni.setStorageSync('nickName', null)
				let Token = uni.getStorageSync('accessToken');
				if(!Token){					
					setTimeout(()=>{
						uni.switchTab({
							url:'/pages/personal/personal'
						})
					},1000)
				}
			},
			logcancel(){
				this.logshow=false			
			},
			setup(type){
				if(type=='certif'){
					uni.navigateTo({
						url:'/pages/personal/setup/certification'
					})
				}else if(type=='about'){
					uni.navigateTo({
						url:'/pages/personal/setup/aboutus'
					})
				}else if(type=='inform'){
					uni.navigateTo({
						url:'/pages/personal/setup/Information'
					})
				}else if(type=='pc'){
					uni.navigateTo({
						url:'/pages/personal/setup/pcweb'
					})
				}else if(type=='setpass'){
					uni.navigateTo({
						url:'/pages/personal/setup/pclogin'
					})
				}
			}
		}
	}
</script>

<style>
	.separate{
		color: #333333;
		font-weight: bold;
		width:100%;
		height:50px;
		display: flex;
		font-size: 15px;
		justify-content: space-between;
		border-bottom:1px solid rgba(153, 153, 153, 0.15);
		/* opacity: 0.15; */
		align-items: center;
	}
	.logoutbtn{
		width:100%;
		height:50px;
		background: #F2F4F7;
		border-radius: 10rpx;
		font-size:16px;
		color: #4D4D4D;
		line-height: 50px;
		margin-top:30px ;
		text-align: center;
	}
</style>