0.3.2 • Published 9 years ago

vue-weui v0.3.2

Weekly downloads
14
License
MIT
Repository
github
Last release
9 years ago

vue-weui

npm package dependencies status npm downloads

使用Vue封装,为微信Web服务量身设计(Work with WeUI 0.4.0+)

特点

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

预览

qr-of-examples

扫描二维码在手机查看

或直接访问 http://adcentury.github.io/vue-weui

安装

安装weui

vue-weui中组件与css完全解绑,既给予了开发者自主性和灵活性,也能最大限度减少文件大小。安装css方法如下:

npm install --save weui

之后,只需在页面中引入dist/style/weui.css或者dist/style/weui.min.css其中之一即可. 例如:

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>Vue WeUI</title>
  <link rel="stylesheet" href="path/to/weui/dist/style/weui.min.css"/>
</head>

安装vue-weui

npm install vue-weui --save

使用

引用

ES6

// 引用所有组件
import VueWeui from 'vue-weui';

export default {
  components: VueWeui
};

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

export default {
  components: {
    Dialog
  }
};

CommonJS

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

new Vue({
  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,谢谢。

0.3.2

9 years ago

0.3.1

9 years ago

0.3.0

9 years ago

0.2.2

9 years ago

0.2.1

9 years ago

0.2.0

10 years ago

0.1.9

10 years ago

0.1.8

10 years ago

0.1.6

10 years ago

0.1.3

10 years ago

0.1.2

10 years ago

0.1.1

10 years ago

0.1.0

10 years ago

0.0.2-alpha1

10 years ago

0.0.1

10 years ago