个人信息

src/views/enterprise/informationSetting/index.vue

@@ -2,18 +2,20 @@
   <v-card class="pa-5 card-box d-flex flex-column align-center">
     <CtForm ref="CtFormRef" :items="formItems" style="width: 700px;">
       <template #avatar="{ item }">
+        <div style="color: #7a7a7a;">头像</div>
         <div class="avatarsBox" @mouseover="showIcon = true" @mouseleave="showIcon = false">
           <v-avatar class="elevation-5" size=80 :image="item.value || 'https://minio.citupro.com/dev/menduner/7.png'"></v-avatar>
-            <div v-show="showIcon" @click="openFileInput" v-bind="$attrs" class="mdi mdi-camera-outline">
-              <input
-                type="file"
-                ref="fileInput"
-                accept="image/png, image/jpg, image/jpeg"
-                style="display: none;"
-                @change="handleUploadFile"
-              />
-            </div>
+          <div v-show="showIcon" @click="openFileInput" v-bind="$attrs" class="mdi mdi-camera-outline">
+            <input
+              type="file"
+              ref="fileInput"
+              accept="image/png, image/jpg, image/jpeg"
+              style="display: none;"
+              @change="handleUploadFile"
+            />
+          </div>
         </div>
+        <div style="font-size: 14px; color: #999;">只支持JPG、JPEG、PNG类型的图片，大小不超过10M</div>
       </template>
     </CtForm>
     <v-btn class="buttons mt-5" color="primary" @click.stop="handleSubmit">提 交</v-btn>
@@ -39,7 +41,8 @@ const formItems = ref({
     {
       slotName: 'avatar',
       key: 'avatar',
-      value: ''
+      value: '',
+      flexStyle: 'align-center'
     },
     {
       type: 'ifRadio',