Appearance
| 组件名 | 说明 | 使用说明 |
|---|---|---|
| DictTag | 字典组件 | |
| Editor | 富文本组件 | <Editor v-model="xxx" /> |
| Editor2 | 富文本组件 | <Editor2 v-model="xxx" /> |
| FileUpload | 文件上传组件 | <file-upload v-model="xxx" :limit="1" :is-show-tip="false"> 参数解释:limit:上传文件的数量限制;is-show-tip:是否显示下方的小提示 |
| ImagePreview | 图片预览组件 | <image-preview :src="xxx" :width="100" :height="100">参数解释:src:图片链接地址,多图片也是一个字符串,使用','分隔;width:宽度;height:高度 |
| ImageUpload | 图片上传组件 | <image-upload v-model="xxx" :limit="1" :file-size="5" :file-type="['png','jpg','jpeg']" :is-show-tip="false">参数解释:limit:上传图片的数量限制;file-size:上传图片的大小限制(单位:MB);file-type:上传图片的类型限制;is-show-tip:是否显示下方的小提示 |
| DeleteOne | 数据删除组件,删除之前会进行一个二次确认 | <delete-one button-type="text" :delete-function="xxx" :fetch-data="xxx"> 参数解释:button-type:删除按钮的样式类型,同 el-button 组件的 type,常用的为:danger(红色按钮样式),text(文本样式,颜色为红色);delete-function:删除操作的逻辑,一般为调用后台接口的方法;fetch-data:删除后刷新列表的方法 |
| SearchButton | 搜索按钮组件,用于列表的搜索的按钮和重置的按钮 | <search-button :query-function="xx" :reset-function="xx" :inline="false"> 参数解释:query-function:搜索函数,reset-function:重置操作函数;inline::true-显示在上一行的行尾,false-显示在新一行 |
| TableTime | 列表时间组件 | <table-time pattern="{y}-{m}-{d}"> 其他属性继承自 el-table-column,pattern:时间的格式 |