个人中心样式调整

src/views/personal_center/index.vue

@@ -2,35 +2,35 @@
   <div class="personal-center">
     <div class="personal-box" v-if="info">
       <div class="personal-item">
-        <label>用户名：</label>
+        <label>用户名</label>
         <span>{{ info.user_name }}</span>
       </div>
       <div class="personal-item">
-        <label>真实姓名：</label>
+        <label>真实姓名</label>
         <span>{{ info.real_name }}</span>
       </div>
       <div class="personal-item">
-        <label>邮箱：</label>
+        <label>邮箱</label>
         <span>{{ info.email }}</span>
       </div>
       <div class="personal-item">
-        <label>电话：</label>
+        <label>电话</label>
         <span>{{ info.phone }}</span>
       </div>
       <div class="personal-item">
-        <label>所属机构：</label>
+        <label>所属机构</label>
         <span>{{ info.org_name }}</span>
       </div>
       <div class="personal-item">
-        <label>身份：</label>
+        <label>身份</label>
         <span>{{ info.role }}</span>
       </div>
       <div class="personal-item">
-        <label>注册时间：</label>
+        <label>注册时间</label>
         <span>{{ info.register_time }}</span>
       </div>
       <div class="personal-item">
-        <label>密码：</label>
+        <label>密码</label>
         <span>******</span>
         <el-button type="primary" size="mini" @click="handleChangePwd">更改密码</el-button>
       </div>
@@ -302,12 +302,17 @@ export default {
 
     .personal-item {
       display: flex;
+      gap: 10px;
       align-items: center;
-      margin: 15px 0;
+      border-bottom: 1px solid #e5e6eb;
 
       label {
-        width: 120px;
+        width: 70px;
+        padding: 0 5px;
+        font-size: 14px;
+        line-height: 40px;
         text-align: right;
+        background: #f2f3f5;
       }
 
       .el-button {