退出登录功能实现
1. 退出登录按钮
<view class="SelectView" @click="ReLog()" > <text>退出登录</text> </view>
2. 退出登录按钮CSS样式
.SelectView { background-color: rgb(18, 92, 179); color: #fff; position: absolute; bottom: 5px; left: 10px; right: 10px; width: 95%; padding: 20px; box-sizing: border-box; text-align: center; height: 40rpx; display: block; /* 将该按钮变成块级元素 */ margin: 0 auto; /* 居中显示 */ border-radius: 10rpx; line-height: 5rpx; }
3. 退出登录事件
ReLog() { uni.showModal({ // 询问用户是否退出登录 title: '退出登录', content: '您确定要退出登录吗?', success: res => { if (res.confirm) { //确定退出拿到token并清除token let TOKEN = uni.getStorageSync('缓存名称'); uni.clearStorageSync(); //退出成功!并跳转到其他页面 uni.showToast({ title: '退出成功', icon: 'none', }); setTimeout(() => { uni.reLaunch({ url: '退出后跳转地址', }); }, 1500); } else if (res.cancel) { console.log('用户点击取消'); } }, }); },