fry-fish-ui-plus v1.0.15

包名: fry-fish-ui( 煎鱼-UI )

上传文件的组件

简介：

1、上传文件的组件

使用方式 (vue2):

1、import install from "fry-fish-ui" (main.js)

2、install(Vue); (main.js)

使用方式 (vue3):

1、import install from "fry-fish-ui" (main.js)

2、const app = createApp(App); (main.js)

3、install(app); (main.js)

4、app.mount("#app"); (main.js)

5、组件使用 (组件内部使用)

6、参数再最下方

提示信息插件

简介：

1、一个js文件, 兼容所有js的项目

2、无需手动书写dom元素

使用方法:

1、import "fry-fish-ui" (main.js)

2、window.$Message(参数) (想要使用的地方)

3、参数: 默认{ type: 'info', duration: 2000, message: '我是提示组件哦' }

图片预览插件

简介：

1、一个js文件, 兼容所有js的项目

2、无需手动书写dom元素

3、键盘上下放大缩小图片（或点击操作按钮）

4、键盘左右切换图片（或点击操作按钮）

5、支持鼠标滚轮放大缩小

6、图片支持拖拽

使用方法:

1、import "fry-fish-ui" (main.js)

2、let FP = new window.$FilePreview() (想要使用的地方)

3、唤出预览方法 FP.show("图片地址1","图片地址2",......) (想要使用的地方)

如果 出现 esline 报错，请把它关掉 "no-self-assign": "off" "no-redeclare": "off"

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

属性 说明 类型 默认值 ==

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

isTips 删除文件前是否添加自定义提示 Boolean false

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

multiple 是否多选 Boolean false

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

accept 上传文件的格式 代表全部 String ( 例如.xls, .pdf, .png )

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

autoUpload 是否自动上传(即:选择完文件就上传) Boolean false

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

uploadFileKeyName 上传文件的key String files

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

timeout 请求超时时间 Number 6000(6秒)

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

staticData 要上传的静态数据 Object { }

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

requestParams 请求的路径以及请求头headers Object { url: "/noPath", headers: {} }

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

fileList 文件列表(即:文件回显) Array { name: '文件名', delUrl: '删除文件的接口及参数', url: '文件路径可有可无' }

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

showFileList 是否显示上传的文件列表 Boolean true

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

fileSize 上传的文件大小限制 Number 500 ( 单位kb, 不需要传单位 )

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

tipsTime 提示信息时长 Number 3000

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————