VUE

VUE-CLI

输入框：
样式调整：
labelCol：调整位置
wrapperCol：调整输入框宽度
用法如图：

Card 卡片

headStyle：标题区域样式
bodyStyle：内容区域样式 如图：
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020090816423931.png#pic_center
title：标题
bordered：是否有边框
style：样式，font-size：字体大小，color：字体颜色
customStyle是我设置的变量
这里我设置的样式是居中

Upload 上传

页面：

自定义上传组件：
需要用别的上传组件可以去官网：
https://www.antdv.com/components/upload-cn/

name：发送到后端的参数明
fileList：已经上传当前文件列表
remove：自己定义的一个可删除的方法
beforeUpload：上传文件的钩子，如果是false则停止上传

这里的handleCanccel和refreshList方法用来主页面导入成功后刷新列表和导入成功后退出表单。
子组件：

父组件：

基本类型：number，boolean，null，string，undefined，object
[] 集合
{} 传入多个对象
“” 传入单个对象

一个=：赋值
二个=：等于
三个=：绝对等于

图片里的（:title）可以设置图片名称的悬浮显示
规则效验可以参考这遍博客：
https://www.cnblogs.com/lieone/p/11856330.html