https://github.com/wdfe/wdui

Mobile UI Components Library based on Vue 2.0 at Weidian
https://github.com/wdfe/wdui

ui-kit vue vue-components vuejs

Last synced: 6 days ago
JSON representation

Mobile UI Components Library based on Vue 2.0 at Weidian

• Host: GitHub
• URL: https://github.com/wdfe/wdui
• Owner: wdfe
• License: mit
• Created: 2017-04-26T06:28:30.000Z (over 7 years ago)
• Default Branch: dev
• Last Pushed: 2019-03-26T05:43:33.000Z (over 5 years ago)
• Last Synced: 2024-10-04T09:25:46.427Z (about 1 month ago)
• Topics: ui-kit, vue, vue-components, vuejs
• Language: JavaScript
• Homepage: https://wdfe.github.io/wdui/
• Size: 23.5 MB
• Stars: 244
• Watchers: 19
• Forks: 44
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue - wdui - 基于Vue2的UI组件库 (UI组件)
• awesome-github-vue - wdui - 基于Vue2的UI组件库 (UI组件)
• awesome-github-vue - wdui - 基于Vue2的UI组件库 (UI组件)
• awesome - wdui - 基于Vue2的UI组件库 (UI组件)

README

        
# WDUI

[![Build Status](https://travis-ci.org/wdfe/wdui.svg?branch=dev)](https://travis-ci.org/wdfe/wdui)

[![Coverage Status](https://coveralls.io/repos/github/wdfe/wdui/badge.svg)](https://coveralls.io/github/wdfe/wdui)

[![npm package](https://img.shields.io/npm/v/wdui.svg)](https://www.npmjs.org/package/wdui)

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)

- [项目主页](https://wdfe.github.io/wdui/#/)

## 安装

```bash

npm i wdui@latest --save-dev

```

### 引入

#### 整体引入

```javascript

import Vue from 'vue'

import * as wdui from 'wdui' //整体引入

import 'wdui/lib/styles/theme-default/index.css' //引入样式文件

Vue.use(wdui)

```

#### 按需引入（使用 [babel-plugin-component](https://www.npmjs.com/package/babel-plugin-component) 插件）

```bash

npm i babel-plugin-component --save-dev

```

修改 babel 配置文件 `.babelrc`, 添加 babel-plugin-component 插件

```json

{

  "plugins": ["transform-vue-jsx", "something else" ,["babel-plugin-component", {

    "libraryName": "wdui",

    "style": false

  }]],

}

```

按需引入

```javascript

import {Header} from 'wdui'

export default {

  components: {

    'wd-header': Header

  }

}

```

## Tips

 - 全部组件使用 REM 布局实现多终端适配，使用本组件库时请搭配使用 [lib-flexible](https://github.com/amfe/lib-flexible) 方案。

 - 兼容性: Android 4.4 + ， iOS 6 +

## Contribute

请参考 [Contribute Guide](https://github.com/wdfe/wdui/blob/dev/CONTRIBUTING.md) 后提交 Pull Request。

## Acknowledgements

wdui 开发时曾参考过以下项目:

 - [Element](https://github.com/ElemeFE/element)

 - [Mint UI](https://github.com/ElemeFE/mint-ui)

 - [Zynga Scroller](https://github.com/pbakaus/scroller)

 - [Muse UI](https://github.com/museui/muse-ui)

## License

MIT