pref: 【客户管理】UI显示优化

src/pages/customerMan/details/index.vue

@@ -24,12 +24,15 @@
             </div>
             <div class="skin-type">肤质：<span>{{userInfo.skin_type}}</span></div>
             <div class="skin-color">肤色：<span>{{userInfo.skin_color}}</span></div>
-            <div class="skin-color">上传报告时间：<span>{{userInfo.check_time}}</span></div>
           </div>
         </div>
       </div>
 
       <div class="personage-data">
+        <div class="skin-color">
+          上传报告时间：
+          <span>{{userInfo.check_time}}</span>
+        </div>
         <div class="myDataList">
           出生日期：
           <span>{{userInfo.birthday}}</span>
@@ -404,7 +407,7 @@ export default {
       .detail-info {
         display: flex;
         .user-img {
-          width: 96px;
+          width: 90px;
           img {
             width: 100%;
             display: block;
@@ -412,7 +415,7 @@ export default {
           }
         }
         .user-span {
-          margin-left: 12px;
+          margin-left: 8px;
 
           span {
             color: #333333;
@@ -420,17 +423,24 @@ export default {
           .info {
             display: flex;
             justify-content: space-between;
+            margin-bottom: 6px;
 
             .name {
+              display: flex;
+              align-items: center;
               font-size: 16px;
             }
             .sex {
+              display: flex;
+              align-items: center;
               img {
                 width: 24px;
                 height: 24px;
               }
             }
             .age {
+              display: flex;
+              align-items: center;
               margin-left: 13px;
               span:nth-child(1) {
                 font-size: 22px;
@@ -445,18 +455,14 @@ export default {
             display: flex;
             justify-content: space-between;
             align-items: center;
-            .real-name-inp {
-              width: 35px !important;
-              height: 25px !important;
-            }
+            margin-bottom: 4px;
             .edit-name {
               width: 20px;
               height: 20px;
             }
           }
-          div:nth-child(2),
-          div:nth-child(3) {
-            margin-bottom: 8px;
+          .skin-type {
+            margin-bottom: 4px;
           }
         }
       }