An open API service indexing awesome lists of open source software.

https://github.com/nixwai/ex-design

基于element ui与vxe-table封装的ui组件库
https://github.com/nixwai/ex-design

element-ui vue2 vxe-table

Last synced: 6 months ago
JSON representation

基于element ui与vxe-table封装的ui组件库

Awesome Lists containing this project

README

        

# ex-design

基于 element ui 与 vxe-table 封装的 ui 组件库

## 安装

### 使用 npm

```shell
npm install ex-design
```

### 使用 yarn

```shell
yarn add ex-design
```

### 使用 pnpm

```shell
pnpm add ex-design
```

## 使用

由于组件库使用的是 vue2.7 ,使用时请确保项目已经升级至最新的 vue2.7 版本。

为减少打包资源,组件库并未提供第三方库(element-ui 或 vxe-table)的组件引入,使用时请自行引入组件内对应的第三方组件。

#### 使用前需要 main.js 中引入样式

```js
import 'ex-design/lib/style.css';
```

### 直接引用

```vue


按钮

import { ExButton } from 'ex-design';

export default {
components: { ExCard }
};

```

### 全局引入

```js
import ExDesign from 'ex-design';

Vue.use(ExDesign);
```

### 按需引入

```js
import Vue from 'vue';
import { ExButton } from 'ex-design';

Vue.component(ExButton.name, ExButton);
/* 或写为
* Vue.use(ExButton)
*/
```