mirror of
https://github.com/xiangshu233/vue3-vant4-mobile.git
synced 2025-12-27 05:56:58 +08:00
56 lines
1.1 KiB
Vue
56 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<NavBar />
|
|
<van-field
|
|
v-model="username"
|
|
label="用户名"
|
|
readonly
|
|
label-class="font-bold"
|
|
input-align="right"
|
|
:center="true"
|
|
:border="false"
|
|
/>
|
|
<van-field
|
|
v-model="afterPhone"
|
|
label="手机号"
|
|
readonly
|
|
is-link
|
|
label-class="font-bold"
|
|
input-align="right"
|
|
:center="true"
|
|
:border="false"
|
|
/>
|
|
<van-field
|
|
label="修改登录密码"
|
|
readonly
|
|
label-class="font-bold"
|
|
input-align="right"
|
|
:center="true"
|
|
:border="false"
|
|
is-link
|
|
to="/changePassword"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import NavBar from './components/NavBar.vue'
|
|
import { useUserStore } from '@/store/modules/user'
|
|
|
|
const userStore = useUserStore()
|
|
const { username, phone } = userStore.getUserInfo
|
|
|
|
function phoneDesensitize(phone: string) {
|
|
const reg = /(\d{3})\d{4}(\d{4})/
|
|
return phone.replace(reg, '$1****$2')
|
|
}
|
|
|
|
const afterPhone = computed(() => phoneDesensitize(phone))
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
:deep(.van-field__control) {
|
|
color: var(--van-text-color-2);
|
|
}
|
|
</style>
|