Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

(Deprecated) WeUI Components with love of vue.js

License

NotificationsYou must be signed in to change notification settings

adcentury/vue-weui

Repository files navigation

感谢对vue-weui的支持,由于在vue-weui最后提交之后,vue和weui都进行了较大幅度的更新,且我没有更多的时间和精力来跟进,所以此项目今后将不再维护,如果有需要可以使用其他相关库,再次感谢。


npm packagedependencies statusnpm 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><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>

安装vue-weui

npm install vue-weui --save

使用

引用

ES6

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

CommonJS

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

Stars

Watchers

Forks

Packages

No packages published

Contributors4

  •  
  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp