vue-weui
使用Vue封裝，爲微信Web服務量身設計（Work with WeUI 0.4.0+）css
特色
- 使用Vue封裝了WeUI的全部組件
- 經過npm安裝，能夠一次引入全部組件，也可選擇只引入須要的組件
- 不帶一行css，與WeUI樣式徹底解綁，能夠方便地進行自定義
預覽
掃描二維碼在手機查看vue
或直接訪問 http://adcentury.github.io/vue-weuigit
安裝
安裝weui
vue-weui中組件與css徹底解綁，既給予了開發者自主性和靈活性，也能最大限度減小文件大小。安裝css方法以下：github
npm install --save weuinpm
以後，只需在頁面中引入dist/style/weui.css或者dist/style/weui.min.css其中之一便可. 例如:微信
<head>ui
<meta charset="UTF-8">spa
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">scala
<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
-
每一个你不满意的现在，都有一个你没有努力的曾经。