<template>
|
<view class="container">
|
<!-- 推送设置 -->
|
<view class="list-cell m-t" @click="navTo('/pages/set/MessagePush')" hover-class="cell-hover"
|
:hover-stay-time="50">
|
<text class="cell-tit">推送设置</text>
|
<text class="cell-more yticon icon-you"></text>
|
</view>
|
<!-- 账号设置 -->
|
<view class="list-cell b-b m-t" @click="navTo('/pages/set/accountControl')" hover-class="cell-hover"
|
:hover-stay-time="50">
|
<text class="cell-tit">账号设置</text>
|
<text class="cell-more yticon icon-you"></text>
|
</view>
|
|
<!-- 修改密码 -->
|
<view class="list-cell b-b" @click="navTo('/pages/set/changepsw')" hover-class="cell-hover" :hover-stay-time="50">
|
<text class="cell-tit">修改密码</text>
|
<text class="cell-more yticon icon-you"></text>
|
</view>
|
<!-- 退出登录 -->
|
<!-- <view class="list-cell log-out-btn" @click="toLogout">
|
<text class="cell-tit">退出登录</text>
|
</view> -->
|
</view>
|
</template>
|
|
<script>
|
import {
|
mapMutations
|
} from 'vuex';
|
|
export default {
|
data() {
|
return {
|
|
};
|
},
|
methods: {
|
...mapMutations(['logout']),
|
|
navTo(url) {
|
|
|
uni.navigateTo({
|
url: url
|
});
|
|
},
|
|
// 退出登录
|
toLogout() {
|
uni.showModal({
|
content: '确定要退出登录么',
|
success: (e) => {
|
if (e.confirm) {
|
this.logout();
|
setTimeout(() => {
|
uni.navigateBack();
|
}, 200);
|
}
|
}
|
});
|
}
|
}
|
}
|
</script>
|
|
<style lang='scss'>
|
page {
|
background: $page-color-base;
|
}
|
|
.list-cell {
|
display: flex;
|
align-items: baseline;
|
padding: 20upx $page-row-spacing;
|
line-height: 60upx;
|
position: relative;
|
background: #fff;
|
justify-content: center;
|
|
&.log-out-btn {
|
margin-top: 40upx;
|
|
.cell-tit {
|
color: $uni-color-primary;
|
text-align: center;
|
margin-right: 0;
|
}
|
}
|
|
&.cell-hover {
|
background: #fafafa;
|
}
|
|
&.b-b:after {
|
left: 30upx;
|
}
|
|
&.m-t {
|
margin-top: 16upx;
|
}
|
|
.cell-more {
|
align-self: baseline;
|
font-size: $font-lg;
|
color: $font-color-light;
|
margin-left: 10upx;
|
}
|
|
.cell-tit {
|
flex: 1;
|
font-size: $font-base + 2upx;
|
color: $font-color-dark;
|
margin-right: 10upx;
|
}
|
|
.cell-tip {
|
font-size: $font-base;
|
color: $font-color-light;
|
}
|
|
switch {
|
transform: translateX(16upx) scale(.84);
|
}
|
}
|
</style>
|
