- Notifications
You must be signed in to change notification settings - Fork77
(Deprecated) WeUI Components with love of vue.js
License
NotificationsYou must be signed in to change notification settings
adcentury/vue-weui
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
感谢对vue-weui的支持,由于在vue-weui最后提交之后,vue和weui都进行了较大幅度的更新,且我没有更多的时间和精力来跟进,所以此项目今后将不再维护,如果有需要可以使用其他相关库,再次感谢。
使用Vue封装,为微信Web服务量身设计(Work with WeUI 0.4.0+)
- 使用Vue封装了WeUI的所有组件
- 通过npm安装,可以一次引入所有组件,也可选择只引入需要的组件
- 不带一行css,与WeUI样式完全解绑,可以方便地进行自定义
扫描二维码在手机查看
或直接访问http://adcentury.github.io/vue-weui
vue-weui中组件与css完全解绑,既给予了开发者自主性和灵活性,也能最大限度减少文件大小。安装css方法如下:
npm install --save weui
之后,只需在页面中引入dist/style/weui.css
或者dist/style/weui.min.css
其中之一即可. 例如:
<head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=0"><title>Vue WeUI</title><linkrel="stylesheet"href="path/to/weui/dist/style/weui.min.css"/></head>
npm install vue-weui --save
// 引用所有组件importVueWeuifrom'vue-weui';exportdefault{components:VueWeui};// 引用部分组件import{Dialog}from'vue-weui';// 或// 只引用需要的文件,减少文件大小importDialogfrom'vue-weui/components/dialog/dialog.vue';exportdefault{components:{ Dialog}};
varDialog=require('vue-weui').Dialog;// 或varDialog=require('vue-weui/components/dialog/dialog.vue');newVue({components:{'dialog':Dialog}});
git clone https://github.com/adcentury/vue-weuicd vue-weui && npm installnpm startopen http://localhost:8080 in browser
有任何意见和建议请提交issue或PR,谢谢。
About
(Deprecated) WeUI Components with love of vue.js
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.
Contributors4
Uh oh!
There was an error while loading.Please reload this page.