智慧树定制化部门前端公用库

组件安装

npm install zhs-components --save

组件使用

主文件导入

import { Empty } from "zhs-components";

组件导入

import { Empty } from "zhs-components/components";

方法使用

主文件导入

import { getFileType } from "zhs-components";

方法导入

import { getFileType } from "zhs-components/utils";

组件详情

动态数字

• 导入

import { DynamicNumber } from "zhs-components";

• Attribute

字段	描述	默认值
start	起始数字	0
end	结束数字	0
time	过渡时间，以秒为单位	0.5

空状态

• 导入

import { Empty } from "zhs-components";

• 使用

1. 默认

<Empty />;

2. 暂无人员

<Empty type="people"/>;

3. 暂无消息

<Empty type="message"/>;

4. 自定义文案

<Empty type="message" text="我是有底线的~"/>;

• Attribute

字段	描述	默认
type	空状态的类型，有 course 、 people 、 messag 三种状态	course
text	暂无数据的文案	course 时为“暂无课程”， people 时为“暂无人员”， message 时为“暂无消息”

文件类型Icon

• 导入

import { FileIcon } from "zhs-components";

• 使用

1. word（doc、 docx）

<FileIcon suffix="xxx.doc" />;

2. excel（xls、 xlsx）

<FileIcon suffix="xxx.xls" />

3. ppt（ppt、 pptx）

<FileIcon suffix="xxx.ppt" />;

4. 文本（txt）

<FileIcon suffix="xxx.txt" />;

5. pdf（pdf）

<FileIcon suffix="xxx.pdf" />;

6. 压缩包（rar、 zip）

<FileIcon suffix="xxx.zip" />;

7. 图片（gif、 jpg、 jpeg、 png、 bmp）

<FileIcon suffix="xxx.jpg" />;

8. 视频（asf、 avi、 flv、 m4v、 mov、 mp4、 rmvb、 wmv、 mkv、 mpeg、 rm、 mpg）

<FileIcon suffix="xxx.mp4" />;

9. 音乐（mp3）

<FileIcon suffix="xxx.mp3" />;

10. 默认（其他类型）

<FileIcon suffix="xxx.json" />;

• Attribute

字段	描述	默认
suffix	文件名称或路径	-