wigem_ui v0.2.9

wigemUi

wigem 组件库

一款基于 ElementPlus 进行开发的组件库

使用前需下载 ElementPlus 组件库,echart 插件,如需使用 pdf 在线预览组件，需下载 pdfjs-dist 插件

下载方式

npm install wigem_ui 或者 yarn add wigem_ui

从项目中引用

在 main.ts 中引用

import wigem from 'wigem_ui'
import 'wigem_ui/dist/style.css'
app.use(wigem)

组件

wgPicker 日期选择器

<Picker></Picker>

属性

方法

Table 表格组件

<Table></Table>

属性

方法

插槽

wg-price 数字转换组件

<wg-price></wg-price>

属性

wg-card 卡片组件

<wg-card></wg-card>

属性

Dictionary 下拉框字典组件

<Dictionary></Dictionary>

属性

方法

wg-threshold-value 数据上下箭头判断组件

注意：使用前需要下载字体文件，执行 npm install font-awesome ，并且在 main.ts 文件中引用 import 'font-awesome/css/font-awesome.min.css';

<wg-threshold-value></wg-threshold-value>

属性

wg-threshold-plus 基于数据上下箭头判断组件升级版

<wg-threshold-plus></wg-threshold-plus>

属性

Pdf 在线预览组件

需下载 pdfjs-dist 插件

<wg-pdf></wg-pdf>

属性

Tag 标签组件

<wg-tag></wg-tag>

属性

使用 echart 组件

需要下载 deepmerge 插件

bar echart 图 bar 柱状图组件

<bar></bar>

属性

方法

line echart 图 line 折线图组件

<line></line>

属性

方法

pie echart 图 pie 饼图组件

<pie></pie>

属性

方法

验证规则

在 main.ts 中全局引用,或者局部引用

// 全局引用
import wigem from 'wigem_ui'
app.config.globalProperties.$wigem = wigem.common
// 使用方式
proxy.$wigem.方法名称(参数)

// 局部引用
import wigem from 'wigem_ui'
const $wigem = wigem.common
// 使用方法
$wigem.方法名称(参数)

方法