@ -1,16 +0,0 @@ |
|||
{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/ |
|||
// launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数 |
|||
"version": "0.0", |
|||
"configurations": [{ |
|||
"default" : |
|||
{ |
|||
"launchtype" : "local" |
|||
}, |
|||
"h5" : |
|||
{ |
|||
"launchtype" : "local" |
|||
}, |
|||
"type" : "uniCloud" |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
{ |
|||
// 使用 IntelliSense 了解相关属性。 |
|||
// 悬停以查看现有属性的描述。 |
|||
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 |
|||
"version": "0.2.0", |
|||
"configurations": [ |
|||
{ |
|||
"type": "chrome", |
|||
"request": "launch", |
|||
"name": "针对 localhost 启动 Chrome", |
|||
"url": "http://localhost:8081", |
|||
"webRoot": "${workspaceFolder}" |
|||
} |
|||
] |
|||
} |
|||
|
Before Width: | Height: | Size: 812 KiB After Width: | Height: | Size: 207 KiB |
|
Before Width: | Height: | Size: 185 KiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 176 KiB After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 75 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 3.5 MiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 217 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 871 B |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 1007 B |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 722 B |
|
After Width: | Height: | Size: 822 B |
|
After Width: | Height: | Size: 525 B |
|
After Width: | Height: | Size: 456 B |
|
After Width: | Height: | Size: 724 B |
|
After Width: | Height: | Size: 804 B |
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 369 KiB After Width: | Height: | Size: 89 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 18 KiB |
@ -1,203 +1,206 @@ |
|||
<template> |
|||
<v-page> |
|||
<!-- 头部 --> |
|||
<v-header :title="$t('accountSettings.a0')"></v-header> |
|||
<v-page> |
|||
<!-- 头部 --> |
|||
<v-header :title="$t('accountSettings.a0')"></v-header> |
|||
|
|||
<!-- 中间 --> |
|||
<view class=" m-y-sm rounded-md m-x-lg overflow-hidden box-shadow"> |
|||
<view |
|||
class="p-y-xs per-bot p-x-md h-36 border-b border-gray-7 d-flex align-center justify-between bg-panel-3 " |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a1')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<van-icon name="user-circle-o" class="color-theme-1 fn-30" /> |
|||
<!-- 中间 --> |
|||
<view class=" m-y-sm rounded-md m-x-lg overflow-hidden box-shadow"> |
|||
<view |
|||
class="p-y-xs per-bot p-x-md h-36 border-b border-gray-7 d-flex align-center justify-between bg-panel-3 " |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a1')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<van-icon name="user-circle-o" class="color-theme-1 fn-30"/> |
|||
</view> |
|||
</view> |
|||
<view |
|||
class="per-bot p-x-md p-y-md border-b border-gray-7 d-flex align-center justify-between bg-panel-3" |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a2')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span>{{user.username}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3"> |
|||
<span class="color-light">{{$t('accountSettings.a3')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span>{{user.account}}</span> |
|||
</view> |
|||
</view> |
|||
<!-- #ifdef APP-PLUS --> |
|||
<view class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3"> |
|||
<span class="color-light">{{$t('common.c2')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span>{{versions}}</span> |
|||
</view> |
|||
</view> |
|||
<!-- #endif --> |
|||
</view> |
|||
</view> |
|||
<view |
|||
class="per-bot p-x-md p-y-md border-b border-gray-7 d-flex align-center justify-between bg-panel-3" |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a2')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span>{{user.username}}</span> |
|||
</view> |
|||
</view> |
|||
<view class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3"> |
|||
<span class="color-light">{{$t('accountSettings.a3')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span>{{user.account}}</span> |
|||
</view> |
|||
</view> |
|||
<!-- #ifdef APP-PLUS --> |
|||
<view class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3"> |
|||
<span class="color-light">{{$t('common.c2')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span>{{versions}}</span> |
|||
<view class="m-x-lg rounded-md overflow-hidden box-shadow"> |
|||
<!-- <v-link |
|||
to="/pages/safe/phone" |
|||
tag="div" |
|||
class="per-bot p-x-md border-b border-gray-7 p-y-md d-flex align-center justify-between bg-panel-3 " |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a4')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span class="color-right">{{user.phone}}</span> |
|||
<span class="color-theme-1 m-l-xs" v-if="user.phone">{{$t('accountSettings.a5')}}</span> |
|||
<span class="color-theme-1 m-l-xs" v-else>{{$t('accountSettings.a6')}}</span> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
</view> |
|||
</v-link> --> |
|||
|
|||
<v-link |
|||
tag="div" |
|||
to="/pages/safe/email" |
|||
class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3" |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a7')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span>{{user.email}}</span> |
|||
<span class="color-theme-1 m-l-xs" v-if="user.email">{{$t('accountSettings.a5')}}</span> |
|||
<span class="color-theme-1 m-l-xs" v-else>{{$t('accountSettings.a6')}}</span> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
</view> |
|||
</v-link> |
|||
</view> |
|||
</view> |
|||
<!-- #endif --> |
|||
</view> |
|||
<view class="m-x-lg rounded-md overflow-hidden box-shadow"> |
|||
<!-- <v-link |
|||
to="/pages/safe/phone" |
|||
tag="div" |
|||
class="per-bot p-x-md border-b border-gray-7 p-y-md d-flex align-center justify-between bg-panel-3 " |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a4')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span class="color-right">{{user.phone}}</span> |
|||
<span class="color-theme-1 m-l-xs" v-if="user.phone">{{$t('accountSettings.a5')}}</span> |
|||
<span class="color-theme-1 m-l-xs" v-else>{{$t('accountSettings.a6')}}</span> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
<view class="m-y-sm m-x-lg overflow-hidden rounded-md box-shadow"> |
|||
<view class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3"> |
|||
<view class="color-light">{{$t('accountSettings.b2')}}</view> |
|||
<view class="d-flex align-center"> |
|||
<v-lang/> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</v-link> --> |
|||
|
|||
<v-link |
|||
tag="div" |
|||
to="/pages/safe/email" |
|||
class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3" |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a7')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<span>{{user.email}}</span> |
|||
<span class="color-theme-1 m-l-xs" v-if="user.email">{{$t('accountSettings.a5')}}</span> |
|||
<span class="color-theme-1 m-l-xs" v-else>{{$t('accountSettings.a6')}}</span> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
</view> |
|||
</v-link> |
|||
</view> |
|||
<view class="m-y-sm m-x-lg overflow-hidden rounded-md box-shadow"> |
|||
<view class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3"> |
|||
<view class="color-light">{{$t('accountSettings.b2')}}</view> |
|||
<view class="d-flex align-center"> |
|||
<v-lang/> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
<view class="m-x-lg rounded-md overflow-hidden box-shadow"> |
|||
<view |
|||
@click="outLogin" |
|||
class="per-bot p-x-md border-b border-gray-7 p-y-md d-flex align-center justify-between bg-panel-3 " |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a8')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
</view> |
|||
</view> |
|||
|
|||
<view |
|||
@click="loginOut" |
|||
class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3" |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a9')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="m-x-lg rounded-md overflow-hidden box-shadow"> |
|||
<view |
|||
@click="outLogin" |
|||
class="per-bot p-x-md border-b border-gray-7 p-y-md d-flex align-center justify-between bg-panel-3 " |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a8')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
</view> |
|||
</view> |
|||
|
|||
<view |
|||
@click="loginOut" |
|||
class="per-bot p-x-md p-y-md d-flex align-center justify-between bg-panel-3" |
|||
> |
|||
<span class="color-light">{{$t('accountSettings.a9')}}</span> |
|||
<view class="d-flex align-center"> |
|||
<van-icon |
|||
class="p-l-xs" |
|||
name="arrow" |
|||
size="16" |
|||
color="#646566" |
|||
@click.stop |
|||
/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- <view class="m-t-lg p-x-md fn-center"> |
|||
<van-button |
|||
icon="exchange" |
|||
class="w-max fn-lg m-b-md" |
|||
color="#f05319" |
|||
type="info" |
|||
block |
|||
@click="outLogin" |
|||
>{{$t('accountSettings.a8')}}</van-button> |
|||
<view class="m-t-md"> |
|||
<v-button block class="w-max color-light" plain @click="loginOut">{{$t('accountSettings.a9')}}</v-button> |
|||
</view> |
|||
</view> --> |
|||
</v-page> |
|||
|
|||
<!-- <view class="m-t-lg p-x-md fn-center"> |
|||
<van-button |
|||
icon="exchange" |
|||
class="w-max fn-lg m-b-md" |
|||
color="#f05319" |
|||
type="info" |
|||
block |
|||
@click="outLogin" |
|||
>{{$t('accountSettings.a8')}}</van-button> |
|||
<view class="m-t-md"> |
|||
<v-button block class="w-max color-light" plain @click="loginOut">{{$t('accountSettings.a9')}}</v-button> |
|||
</view> |
|||
</view> --> |
|||
</v-page> |
|||
</template> |
|||
|
|||
<script> |
|||
import app from "app.js" |
|||
import { mapState,mapGetters } from "vuex"; |
|||
import {mapState, mapGetters} from "vuex"; |
|||
import Member from "@/api/member"; |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
versions:app.version |
|||
}; |
|||
}, |
|||
computed: { |
|||
...mapState({ |
|||
user: "user", |
|||
version: "version", |
|||
}), |
|||
...mapGetters(['themeStyle']) |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
changeNickname() { |
|||
this.$router.push({ path: "/changeNickname" }); |
|||
data() { |
|||
return { |
|||
versions: app.version |
|||
}; |
|||
}, |
|||
computed: { |
|||
...mapState({ |
|||
user: "user", |
|||
version: "version", |
|||
}), |
|||
...mapGetters(['themeStyle']) |
|||
}, |
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
changeNickname() { |
|||
this.$router.push({path: "/changeNickname"}); |
|||
}, |
|||
|
|||
// 切换用户 |
|||
outLogin() { |
|||
uni.removeStorageSync("token"); |
|||
this._router.replace({ |
|||
path: "/pages/login/index", |
|||
query: { |
|||
notLogin: 1, |
|||
from: '/pages/accountSettings/accountSettings', |
|||
// 切换用户 |
|||
outLogin() { |
|||
uni.removeStorageSync("token"); |
|||
this._router.replace({ |
|||
path: "/pages/login/index", |
|||
query: { |
|||
notLogin: 1, |
|||
from: '/pages/accountSettings/accountSettings', |
|||
}, |
|||
}); |
|||
}, |
|||
// 退出登录 |
|||
loginOut() { |
|||
let data = { |
|||
lang: uni.getStorageSync('language') || 'en' |
|||
}; |
|||
Member.logout(data, {toast: true}) |
|||
.then(() => { |
|||
this.outLogin(); |
|||
}) |
|||
.catch(() => { |
|||
}); |
|||
}, |
|||
}); |
|||
}, |
|||
// 退出登录 |
|||
loginOut() { |
|||
let data = { |
|||
lang:uni.getStorageSync('language')||'zh-CN' |
|||
}; |
|||
Member.logout(data, { toast: true }) |
|||
.then(() => { |
|||
this.outLogin(); |
|||
}) |
|||
.catch(() => {}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.head-account { |
|||
font-size: 20px; |
|||
font-size: 20px; |
|||
} |
|||
::v-deep .lb-picker-default-slot{ |
|||
font-size: 14px!important; |
|||
|
|||
::v-deep .lb-picker-default-slot { |
|||
font-size: 14px !important; |
|||
} |
|||
</style> |
|||
</style> |
|||
|
|||