vue-weui
使用Vue封装,为微信Web服务量身设计(Work with WeUI 0.4.0+)
特点
- 使用Vue封装了WeUI的所有组件
- 通过npm安装,可以一次引入所有组件,也可选择只引入需要的组件
- 不带一行css,与WeUI样式完全解绑,可以方便地进行自定义
预览
扫描二维码在手机查看
或直接访问 http://adcentury.github.io/vue-weui
安装
安装weui
vue-weui中组件与css完全解绑,既给予了开发者自主性和灵活性,也能最大限度减少文件大小。安装css方法如下:
npm install --save weui
之后,只需在页面中引入dist/style/weui.css
或者dist/style/weui.min.css
其中之一即可. 例如:
Vue WeUI
安装vue-weui
npm install vue-weui --save
使用
引用
ES6
// 引用所有组件; components: VueWeui; // 引用部分组件;// 或// 只引用需要的文件,减少文件大小; components: Dialog ;
CommonJS
var Dialog = Dialog;// 或var Dialog = ; components: 'dialog': Dialog ;
组件列表和使用说明
查看示例
git clone https://github.com/adcentury/vue-weui
cd vue-weui && npm install
npm start
open http://localhost:8080 in browser
变更日志
反馈
有任何意见和建议请提交issue或PR,谢谢。