1.4.3 • Published 5 months ago
iview-pro-ui v1.4.3
iview-pro-ui
基于 iview 封装了一些业务组件
安装使用
Install with npm
npm i --save iview-pro-ui
Install with yarn
yarn add iview-pro-ui
Then import iViewProUi
in the main.js
file:
import Vue from 'vue';
import iViewProUi from 'iview-pro-ui';
Vue.use(iViewProUi);
项目说明
文件目录
iview-pro-ui
|
├── src
| |
| ├── components
| | |
| | ├── SearchForm // 可折叠搜索表单
| | |
| | └── TablePage // 表格+分页组件
| |
| ├── directives
| | |
| | ├── copy.js // v-copy 指令
| | |
| | └── loading.js // v-loading 指令
| |
| ├── style // 定制主题
| |
| └── utils
|
|
├── index.js // 入口
|
├── package.json
|
└── README.md
使用说明
SearchForm
组件用例
<search-form showFold>
<form-item label="字段1:">
<Input v-model="value1" placeholder="请输入" />
</form-item>
<form-item label="字段2:">
<Input v-model="value2" placeholder="请输入" />
</form-item>
<form-item label="字段3:">
<Input v-model="value3" placeholder="请输入" />
</form-item>
<form-item label="字段4:">
<Input v-model="value4" placeholder="请输入" />
</form-item>
<template #extra>
<Button @click="search" icon="ios-search" type="info">搜索</Button>
</template>
</search-form>
TablePage
组件用例
<table-page :columns="table.columns" :data="list" :total="total" :loading="loading"></table-page>
v-copy
指令用例
<div v-copy="{ success: this.copySuccess, error: this.copyError, data: 'data' }">点击复制</div>
v-loading
指令用例
<div v-loading="loading">content</div>
1.4.3
5 months ago
1.4.2
5 months ago
1.4.1
6 months ago
1.3.7
12 months ago
1.4.0
10 months ago
1.3.9
10 months ago
1.3.8
12 months ago
1.3.6
1 year ago
1.3.5
1 year ago
1.3.4
1 year ago
1.3.3
1 year ago
1.3.2
1 year ago
1.3.1
1 year ago
1.3.0
1 year ago
1.2.12
1 year ago
1.2.11
1 year ago
1.2.10
1 year ago
1.2.9
1 year ago
1.2.8
1 year ago
1.2.7
1 year ago
1.2.6
2 years ago
1.2.5
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
1.2.0
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.0
2 years ago