v-weui

使用Vue2封装，为微信Web服务量身设计（Work with WeUI 0.4.0+）

特点

• 使用Vue封装了WeUI的所有组件
• 通过npm安装，可以一次引入所有组件，也可选择只引入需要的组件
• 不带一行css，与WeUI样式完全解绑，可以方便地进行自定义

预览

扫描二维码在手机查看

或直接访问 http://weui.linxins.com/

安装

安装v-weui

npm install v-weui --save

使用

引用

ES6

// 引入css样式
import 'v-weui/less/weui.less';
// 引用所有组件
import VWeui from 'v-weui';

export default {
  components: VWeui
};

// 引用部分组件
import {Dialog} from 'v-weui';
// 或
// 只引用需要的文件，减少文件大小
import Dialog from 'v-weui/components/dialog/dialog.vue';

export default {
  components: {
    Dialog
  }
};

CommonJS

var Dialog = require('v-weui').Dialog;
// 或
var Dialog = require('v-weui/components/dialog/dialog.vue');

new Vue({
  components: {
    'dialog': Dialog
  }
});

组件列表和使用说明

点击查看组件列表

查看示例

git clone https://github.com/liufulin90/v-weui
cd v-weui && npm install
npm start

open http://localhost:8080 in browser

变更日志

点击查看变更日志

反馈

有任何意见和建议请提交issue或PR，谢谢。