add 个人资料前端页面

Andy
1 parent c0534536
Showing 1 changed file with 9 additions and 12 deletions
src/views/information/index.vue
@@ -72,27 +72,21 @@
           num: '23',
           sex:'男',
           birthday: '2019-08-17',
-          address: '普通'
+          address: '北京海淀区上地五街1003号'
         },
         rules: {
           username: [
             { required: true, message: '请输入活动名称', trigger: 'blur' },
-            { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
+            { min: 1, max: 10, message: '长度在 3 到 10 个字符', trigger: 'blur' }
           ],
-
           birthday: [
-            { required: true, message: '请输入邮箱地址', trigger: 'blur' },
-            { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
+            { required: true, message: '请输入日期', trigger: 'blur' },
+            { type: 'email', message: '请输入正确的日期', trigger: ['blur', 'change'] }
           ],
-         /* num: [
-            { required: true, message: '请输入活动名称', trigger: 'blur' },
-            { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
-          ],*/
           address: [
             { required: true, message: '请输入活动名称', trigger: 'blur' },
-            { min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur' }
+            { min: 1, max: 30, message: '长度在 1 到 30 个字符', trigger: 'blur' }
           ],
-
         }
       };
     },
@@ -114,6 +108,9 @@
           this.$message.error('上传头像图片大小不能超过 5MB!');
         }
         return isJPG && isLt5M;
+      },
+      resetForm(formName) {
+        this.$refs[formName].resetFields();
       }
     }
   }
@@ -122,7 +119,7 @@
  
   .avatar-uploader .el-upload {
     border: 1px dashed #d9d9d9;
-    border-radius: 6px;
+    border-radius: 50%;
     cursor: pointer;
     position: relative;
     overflow: hidden;