sadjv3/anmo-user/my/setting/index.vue

125 lines
3.8 KiB
Vue

<template>
<view class="padding-lr" style="background-color: #ffffff;">
<!-- #ifndef MP-WEIXIN -->
<view class="flex padding-tb align-center" @click="goNav('/pages/public/pwd')">
<view class="flex-sub text-df" style="line-height: 50upx;font-size: 30rpx;">修改密码</view>
<image src="../../static/images/my/right.png" style="line-height: 50upx;width: 12rpx;height: 22rpx;">
</image>
</view>
<view class="xian"></view>
<!-- #endif -->
<view class="flex padding-tb align-center" @click="goNav('/my/help/feedbackIndex')">
<view class="flex-sub text-df" style="line-height: 50upx;font-size: 30rpx;">帮助中心</view>
<image src="../../static/images/my/right.png" style="line-height: 50upx;width: 12rpx;height: 22rpx;">
</image>
</view>
<view class="xian"></view>
<view class="flex padding-tb align-center" @click="goNav('/my/feedback/index')">
<view class="flex-sub text-df" style="line-height: 50upx;font-size: 30rpx;">意见反馈</view>
<image src="../../static/images/my/right.png" style="line-height: 50upx;width: 12rpx;height: 22rpx;">
</image>
</view>
<view class="xian"></view>
<view class="flex padding-tb align-center" @click="goNav('/my/setting/xieyi')">
<view class="flex-sub text-df" style="line-height: 50upx;font-size: 30rpx;">用户协议</view>
<image src="../../static/images/my/right.png" style="line-height: 50upx;width: 12rpx;height: 22rpx;">
</image>
</view>
<view class="xian"></view>
<view class="flex padding-tb align-center" @click="goNav('/my/setting/mimi')">
<view class="flex-sub text-df" style="line-height: 50upx;font-size: 30rpx;">隐私政策</view>
<image src="../../static/images/my/right.png" style="line-height: 50upx;width: 12rpx;height: 22rpx;">
</image>
</view>
<view class="xian"></view>
<view class="flex padding-tb align-center" @click="goNav('/my/setting/about')">
<view class="flex-sub text-df" style="line-height: 50upx;font-size: 30rpx;">关于我们</view>
<image src="../../static/images/my/right.png" style="line-height: 50upx;width: 12rpx;height: 22rpx;">
</image>
</view>
<view
style="position: fixed;bottom: 0rpx;left: 0;background: #FFFFFF;height: 110rpx;line-height: 110rpx;z-index: 999;width: 100%;padding: 0 30rpx;">
<view class="btn" @click="goOut">退出登录</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
goNav(e) {
uni.navigateTo({
url: e
})
},
goOut() {
uni.showModal({
title: '提示',
content: '确定退出登录吗?',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
uni.removeStorageSync('userName')
uni.removeStorageSync('avatar')
uni.removeStorageSync('userId')
uni.removeStorageSync('token')
uni.removeStorageSync('phone')
uni.removeStorageSync('zhiFuBaoName')
uni.removeStorageSync('zhiFuBao')
uni.removeStorageSync('invitationCode')
uni.removeStorageSync('unionId')
uni.removeStorageSync('openId')
uni.removeStorageSync('isVIP')
uni.removeStorageSync("artificerId")
uni.removeStorageSync("onlineStatus")
uni.showToast({
title: '退出成功!',
icon: 'none'
})
setTimeout(function() {
uni.navigateBack()
}, 1000)
uni.$emit("exitLoginStatus", false);
} else if (res.cancel) {
console.log('用户点击取消');
}
}
})
}
}
}
</script>
<style>
page {
background: #f7f7f7;
}
.btn {
background: linear-gradient(to right, #223845, #00a85b);
color: #FFFFFF;
margin: 16rpx auto;
width: 100%;
border-radius: 50rpx;
height: 78rpx;
line-height: 78rpx;
font-size: 32rpx;
text-align: center;
}
.xian {
width: 100%;
height: 1px;
background-color: #f7f7f7;
}
</style>