YNEduApp/pages/user/settings.vue

119 lines
2.2 KiB
Vue

<template>
<view class="page">
<u-cell-group
style="width: 100%;
margin: 15rpx auto;
background-color: #fff;
box-sizing: border-box;
padding: 10rpx 20rpx;
box-shadow: #EFEFEF 2px 2px;
border-radius: 15rpx"
:border="false"
>
<u-cell
title="账号管理"
:isLink="true"
:border="false"
style="border-bottom: 1px solid #E9E9E9"
>
</u-cell>
<u-cell
title="选择公司"
:isLink="true"
:border="false"
>
</u-cell>
</u-cell-group>
<u-cell-group
style="width: 100%;
margin: 15rpx auto;
background-color: #fff;
box-sizing: border-box;
padding: 10rpx 20rpx;
box-shadow: #EFEFEF 2px 2px;
border-radius: 15rpx"
:border="false"
>
<u-cell
title="注销账号"
:isLink="true"
:border="false"
style="border-bottom: 1px solid #E9E9E9"
>
</u-cell>
<u-cell
title="关于我们"
:isLink="true"
:border="false"
>
</u-cell>
</u-cell-group>
<view
class="exit-log"
@click="exitLog"
>
退出登录
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
exitLog() {
uni.showModal({
title: '退出登录',
content: '确定退出登录吗?',
success:(res) => {
if(res.confirm) {
uni.clearStorageSync()
uni.reLaunch({
url: '/pages/login/login'
})
}
}
})
}
}
}
</script>
<style lang="scss">
.page{
width: 100vw;
height: 100vh;
background-color: #F8F8F8;
box-sizing: border-box;
padding: 5vw;
position: relative;
.exit-log{
position: absolute;
left: 10%;
bottom: 10%;
width: 80%;
box-sizing: border-box;
padding: 30rpx 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #1989FA;
font-size: 18px;
font-weight: bold;
color: #fff;
border-radius: 30px;
}
}
</style>