|
@@ -0,0 +1,150 @@
|
|
|
+<template>
|
|
|
+ <view class="container">
|
|
|
+ <view class="item-content">
|
|
|
+ <view class="item-box" @click="handlerSkipAccountSafety">
|
|
|
+ <view class="item-l"> 账号与安全 </view>
|
|
|
+ <view class="item-r">
|
|
|
+ <u-icon name="arrow-right" color="#C0C0C0" size="16"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item-content">
|
|
|
+ <view class="item-box">
|
|
|
+ <view class="item-l"> 新消息通知 </view>
|
|
|
+ <view class="item-r">
|
|
|
+ <u-switch v-model="value" activeColor="#5992BB"></u-switch>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item-box">
|
|
|
+ <view class="item-l"> 隐私管理 </view>
|
|
|
+ <view class="item-r">
|
|
|
+ <u-icon name="arrow-right" color="#C0C0C0" :size="icon_size"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item-box">
|
|
|
+ <view class="item-l"> 选择语言 </view>
|
|
|
+ <view class="item-r">
|
|
|
+ <p>简体中文</p><u-icon name="arrow-right" color="#C0C0C0" :size="icon_size"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="item-content">
|
|
|
+ <view class="item-box" v-for="(item,index) of privacy_list" :key="item.id" @click="handlerSkipPrivacy(item)">
|
|
|
+ <view class="item-l"> {{ item.name }} </view>
|
|
|
+ <view class="item-r">
|
|
|
+ <u-icon name="arrow-right" color="#C0C0C0" :size="icon_size"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="btn-box">
|
|
|
+ <button class='btn1' @click="handlerSwitchAccount">切换账号</button>
|
|
|
+ <button class='btn2' @click="loginout_show = true">退出登录</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <u-modal :show="loginout_show" :content='content' showCancelButton='true' @confirm='handlerLoginOutConfirm' @cancel='loginout_show = false'></u-modal>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ value: true,
|
|
|
+ icon_size: 18,
|
|
|
+ loginout_show:false,
|
|
|
+ content:'退出后店铺状态将变更为休息中,是否退出当前帐号',
|
|
|
+ privacy_list:[
|
|
|
+ {
|
|
|
+ name:'应用权限说明',
|
|
|
+ id:0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:'个人信息收集清单',
|
|
|
+ id:1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:'第三方共享个人信息清单',
|
|
|
+ id:2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:'关于我们',
|
|
|
+ id:3
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ // 点击切换账号
|
|
|
+ handlerSwitchAccount(){
|
|
|
+
|
|
|
+ },
|
|
|
+ // 跳转到账号与安全
|
|
|
+ handlerSkipAccountSafety(){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:`/pages/tabbar/mine/setting/accountSafety`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 点击跳转到隐私页面
|
|
|
+ handlerSkipPrivacy(item){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:`/pages/tabbar/mine/setting/privacyPolicy?type=${item.id}`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //点击退出登录
|
|
|
+ handlerLoginOutConfirm(){
|
|
|
+ this.loginout_show = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .container {
|
|
|
+ background-color: #F5F5F5;
|
|
|
+ min-height: calc(100vh - 40rpx);
|
|
|
+ padding-top: 40rpx;
|
|
|
+
|
|
|
+ .item-content {
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+
|
|
|
+ .item-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 20rpx 40rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+
|
|
|
+ .item-r {
|
|
|
+ display: flex;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #B0B0B0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .btn-box{
|
|
|
+ width: 90%;
|
|
|
+ margin: 200rpx auto 0;
|
|
|
+ .btn1,.btn2{
|
|
|
+ padding: 20rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ font-size:28rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ }
|
|
|
+ .btn1{
|
|
|
+ background-color: #5992BB;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .btn2{
|
|
|
+ margin-top: 50rpx;
|
|
|
+ background-color: #E2E2E2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ::v-deep .u-modal__content__text.data-v-713d0fd3 {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+</style>
|