fix

src/views/withMenu/Mine/setting.vue

 <template>
   <div>
-    <nav-bar title="个人中心" :style="{ 'background-color':'#F7F7FA'}"/>
-      <!-- 头像 -->
-      <div class="px-5 py-3 flex justify-between items-center border-b border-gray-200">
-        <span class=" text-sm font-semibold">头像</span>
-        <img src="../../../assets/icons/avatar.png" class=" w-12 h-12 rounded-full">
-      </div>
-      <!-- 手机号码 -->
-      <div class="px-5 py-5 flex justify-between items-center border-b border-gray-200">
-        <span class=" text-sm font-semibold">手机号码</span>
-        <span class=" text-sm">{{getPhone}}</span>
-      </div>
-      <!-- 登陆密码 -->
-      <div class="px-5 py-2 items-center border-b border-gray-200">
-        <div class="flex justify-between items-center">
-          <div>
-            <div class=" text-sm font-semibold">设置密码</div>
-            <div class=" text-xs text-gray-400 pt-1">保障账户登录安全</div>
-          </div>
-          <div class="flex items-center text-xs h-1 text-right">
-            <span @click="pushRouter">设置</span>
-            <icon
-              name="icon-gengduo"
-              color="#8E92A3"
-              size="12"
-              class=" inline-block align-text-bottom"
-            />
-          </div>
+    <nav-bar title="个人中心" :style="{ 'background-color': '#F7F7FA' }" />
+    <!-- 头像 -->
+    <div class="px-5 py-3 flex justify-between items-center border-b border-gray-200">
+      <span class="text-sm font-semibold">头像</span>
+      <img src="../../../assets/icons/avatar.png" class="w-12 h-12 rounded-full" />
+    </div>
+    <!-- 手机号码 -->
+    <div class="px-5 py-5 flex justify-between items-center border-b border-gray-200">
+      <span class="text-sm font-semibold">手机号码</span>
+      <span class="text-sm">{{ getPhone }}</span>
+    </div>
+    <!-- 登陆密码 -->
+    <div class="px-5 py-2 items-center border-b border-gray-200">
+      <div class="flex justify-between items-center">
+        <div>
+          <div class="text-sm font-semibold">设置密码</div>
+          <div class="text-xs text-gray-400 pt-1">保障账户登录安全</div>
         </div>
+        <div class="flex items-center text-xs h-1 text-right" @click="pushRouter">
+          <span>设置</span>
+          <icon
+            name="icon-gengduo"
+            color="#8E92A3"
+            size="12"
+            class="inline-block align-text-bottom"
+          />
+        </div>
+      </div>
     </div>
   </div>
   <div @click="clickLogout" class="logout-btn flex items-center justify-center fixed">退出登录</div>
@@ -44,18 +44,18 @@ import router from '@/router'
 import { userLogout } from '@/service/UserManagementService'
 export default defineComponent({
   components: { NavBar, Icon },
-  data(){
-    return{
-      role:''
+  data() {
+    return {
+      role: ''
     }
   },
   computed: {
     hasPassword(): eAccountType {
       return eAccountType.REG_NOPD
     },
-    getPhone(){
-      const phone =getUserMsg()?.userInfo.phone+''
-      var newphone= phone.replace(phone.substr(3,5),"*****")
+    getPhone() {
+      const phone = getUserMsg()?.userInfo.phone + ''
+      var newphone = phone.replace(phone.substr(3, 5), "*****")
       return newphone
     }
   },
@@ -73,14 +73,14 @@ export default defineComponent({
       clickLogout
     }
   },
-  methods:{
-    pushRouter(){
-        this.$router.push({
-          name: 'PwdSetting',
-          query: {
+  methods: {
+    pushRouter() {
+      this.$router.push({
+        name: 'PwdSetting',
+        query: {
           phone: this.userMsg?.userInfo.phone
         }
-        })
+      })
     },
   }
 })