安装

下载 woUI

woUI 地址： woUI
补丁库地址： lib

开发使用

在实际的开发中，你只需要下载组件包，并在项目中引入，就可以直接仿照例子中的 DEMO 进行开发了。

下载的 UI 代码库和补丁库，大致内容如下：

• woUI
  • Button
  • Tabs
  • …
  • WOUI
• lib
  • es5-shim.min.js
  • es5-sham.min.js
  • ie.min.js

其中 WOUI 为组件目录，里面可以单独引用某一个组件（包含 js/css 文件），也可以一次性引入 woUI 全部组件集合。

lib 目录主要为补丁目录，针对低版本浏览器需要进行打补丁才可以实现效果。

引入方式的区别

引入 woUI 全部组件包

只需要引入一次 js/css 文件，即可使用所有组件功能。

在使用时候，需要使用全局对象 WOUI 进行调用，如：

1

var tabs = new woUI.Tabs('#tabs')

引入单一组件包

需要引入对应组件的 js/css 文件，即可使用当前组件功能。

在使用时候，使用组件对象进行调用，如：

1

var tabs = new Tabs('#tabs')

使用 es6 module / CommonJS 引入

1
2
3

import Tabs from './dist/Tabs'
// 或者
const Tabs = require('./dist/Tabs')