更新了手机号输入栏不可修改的样式，更新了所有卡片的圆角弧度保持一致

src/components/Dashboard.vue

@@ -2,9 +2,9 @@
 import {onBeforeMount, ref} from 'vue';
   import {userInfo} from '../api/user.ts'
 
-  const name = ref('haha')
+  const name = ref('')
   const tel = ref('')
-  const address = ref('这里做的时候本来想放个表格的，结果发现一个用户其实只有一个地址，但这个已经改成了一个这么大的布局所以先这样吧')
+  const address = ref('')
 
   const isCustomer = ref('true')
   const isStaff = ref('false')
@@ -147,10 +147,10 @@ import {onBeforeMount, ref} from 'vue';
 
     <div  class="flex flex-col h-full w-full  rounded-lg space-y-4">
 
-      <div class="h-auto bg-gray-50 rounded-2xl">
+      <div class="h-auto bg-gray-50 rounded-lg">
 
-        <div class="flex flex-row justify-between px-3 py-2 rounded-t-2xl bg-gray-100 border-b-2 border-gray-200">
-          <span class="text-2xl font-semibold text-center">个人信息</span>
+        <div class="flex flex-row justify-between px-3 py-2 rounded-t-lg bg-gray-100 border-b-2 border-gray-200">
+          <span class="ml-1 text-2xl font-semibold text-center">个人信息</span>
           <button type="submit" @click="updateInfo"
                   class="inline text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-2xl text-xs px-4 py-2 text-center">更新</button>
         </div>
@@ -165,8 +165,8 @@ import {onBeforeMount, ref} from 'vue';
 
             <div>
               <label for="phone" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">手机号</label>
-              <input type="tel" id="phone" v-model="tel"
-                     class="bg-white border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
+              <input type="tel" id="phone" v-model="tel" disabled
+                     class="disabled:bg-gray-100 disabled:text-gray-400 bg-white border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
             </div>
 
 <!--            <div>-->
@@ -177,10 +177,10 @@ import {onBeforeMount, ref} from 'vue';
         </form>
       </div>
 
-      <div class="h-auto bg-gray-50 rounded-2xl">
+      <div class="h-auto bg-gray-50 rounded-lg">
 
-        <div class="flex flex-row justify-between px-3 py-2 rounded-t-2xl bg-gray-100 border-b-2 border-gray-200">
-          <span class="text-2xl font-semibold text-center">密码</span>
+        <div class="flex flex-row justify-between px-3 py-2 rounded-t-lg bg-gray-100 border-b-2 border-gray-200">
+          <span class="ml-1 text-2xl font-semibold text-center">密码</span>
           <button type="submit" @click="updatePassword"
                   class="inline text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-3xl  text-xs px-4 py-2 text-center">更新</button>
         </div>
@@ -200,10 +200,10 @@ import {onBeforeMount, ref} from 'vue';
 
       </div>
 
-      <div class="h-full bg-gray-50 rounded-2xl">
+      <div class="h-full bg-gray-50 rounded-lg">
 
-        <div class="flex flex-row justify-between px-3 py-2 rounded-t-2xl bg-gray-100 border-b-2 border-gray-200">
-          <span class="text-2xl font-semibold text-center">地址信息</span>
+        <div class="flex flex-row justify-between px-3 py-2 rounded-t-lg bg-gray-100 border-b-2 border-gray-200">
+          <span class="ml-1 text-2xl font-semibold text-center">地址信息</span>
           <button @click="updateAddress"
                   class="block text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-3xl text-xs px-4 py-2 text-center" type="button">
             添加地址