adcentury / Vue Weui
Licence: mit
(Deprecated) WeUI Components with love of vue.js
Stars: ✭ 414
Labels
Projects that are alternatives of or similar to Vue Weui
Vux
Mobile UI Components based on Vue & WeUI
Stars: ✭ 17,573 (+4144.69%)
Mutual labels: vue-components, weui
News
🐼Based on angular.js, weui and node.js rewrite news client - 新闻客户端
Stars: ✭ 324 (-21.74%)
Mutual labels: weui
Quasar
Quasar Framework - Build high-performance VueJS user interfaces in record time
Stars: ✭ 20,090 (+4752.66%)
Mutual labels: vue-components
Material Components Vue
Material Design styled components for Vue.js
Stars: ✭ 316 (-23.67%)
Mutual labels: vue-components
Vue Material Dashboard
Vue Material Dashboard - Open Source Material Design Admin
Stars: ✭ 403 (-2.66%)
Mutual labels: vue-components
Equal
🧬 Equal is a Vue 3 UI library based on TypeScript
Stars: ✭ 381 (-7.97%)
Mutual labels: vue-components
Vue Goodshare
🍿 Vue.js component for social share. A simple way to share a link on the pages of your website in the most popular (and not so) social networks. Powered by goodshare.js project.
Stars: ✭ 345 (-16.67%)
Mutual labels: vue-components
Vue Flickity
A Vue Slider / Carousel Component for Flickity.js
Stars: ✭ 339 (-18.12%)
Mutual labels: vue-components
Vue Video Player
🎞 @videojs component for @vuejs
Stars: ✭ 4,026 (+872.46%)
Mutual labels: vue-components
Vue Drag Tree
🌴🌳a Vue's drag and drop tree component || 🌾Demo
Stars: ✭ 337 (-18.6%)
Mutual labels: vue-components
Vue Simple Suggest
Feature-rich autocomplete component for Vue.js
Stars: ✭ 324 (-21.74%)
Mutual labels: vue-components
Coreui Vue
Over 90 Bootstrap based Vue.js components and directives. CoreUI React.js UI Components. CoreUI for Vue.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true Vue components, without jQuery and unneeded dependencies.
Stars: ✭ 318 (-23.19%)
Mutual labels: vue-components
Vddl
🦄 Vue components for modifying lists with the HTML5 drag & drop API.
Stars: ✭ 407 (-1.69%)
Mutual labels: vue-components
Vue2
【🔥Vue.js资讯📚】目前web前端开发非常火爆的框架;定时更新,欢迎 Star 一下。
Stars: ✭ 395 (-4.59%)
Mutual labels: vue-components
Vue Persian Datetime Picker
A vue plugin to select jalali date and time
Stars: ✭ 380 (-8.21%)
Mutual labels: vue-components
(Deprecated) vue-weui
感谢对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
安装
安装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,谢谢。
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].