Skip to content

wdfe/wdui

dev
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
lib
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

WDUI

Build Status Coverage Status npm package License: MIT

安装

npm i wdui@latest --save-dev

引入

整体引入

import Vue from 'vue'
import * as wdui from 'wdui' //整体引入
import 'wdui/lib/styles/theme-default/index.css' //引入样式文件

Vue.use(wdui)

按需引入(使用 babel-plugin-component 插件)

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

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

{
  "plugins": ["transform-vue-jsx", "something else" ,["babel-plugin-component", {
    "libraryName": "wdui",
    "style": false
  }]],
}

按需引入

import {Header} from 'wdui'

export default {
  components: {
    'wd-header': Header
  }
}

Tips

  • 全部组件使用 REM 布局实现多终端适配,使用本组件库时请搭配使用 lib-flexible 方案。
  • 兼容性: Android 4.4 + , iOS 6 +

Contribute

请参考 Contribute Guide 后提交 Pull Request。

Acknowledgements

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

License

MIT