menduner/src/views/Home/personal/account/dynamic/accountBinding.vue

<template>
  <div>
    <h3>账号绑定</h3>
    <v-divider class="mb-4"></v-divider>
    <div>
      <div class="login-user">当前登录账号： <span>{{ userInfo.phone }}</span> <span class="activeText ml-3">改绑手机号</span></div>
      <div class="tips mt-2 mb-1">账号即绑定的手机号，用于使用账号密码或获取验证码进行登录。</div>
    </div>
  </div>
</template>

<script setup name="accountBinding">
// 当前登录的用户信息
const userInfo = JSON.parse(localStorage.getItem('userInfo'))
</script>

<style lang="scss" scoped>
h3 {
  font-size: 20px;
  text-align: left;
  font-weight: 600;
  padding-bottom: 25px;
}
.activeText {
  font-size: 17px;
  color: var(--v-primary-base);
  cursor: pointer;
}
.tips {
  color: grey;
  font-size: 12px;
  font-weight: 600;
}
.login-user {
  color: grey;
  font-weight: 600;
}
</style>