wdfe / Wdui
Licence: mit
Mobile UI Components Library based on Vue 2.0 at Weidian
Stars: ✭ 244
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Wdui
Vue Material Kit
Vue Material Kit - Open Source Material Design UI Kit
Stars: ✭ 231 (-5.33%)
Mutual labels: ui-kit, vue-components
Iview
A high quality UI Toolkit built on Vue.js 2.0
Stars: ✭ 23,930 (+9707.38%)
Mutual labels: ui-kit, vue-components
Mand Mobile
💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
Stars: ✭ 3,194 (+1209.02%)
Mutual labels: ui-kit, vue-components
Storefront Ui
Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook. Made with 💚 by Vue Storefront team and contributors.
Stars: ✭ 1,827 (+648.77%)
Mutual labels: ui-kit, vue-components
vuestic-ui
Free and Open Source UI Library for Vue 3 🤘
Stars: ✭ 1,501 (+515.16%)
Mutual labels: vue-components, ui-kit
Vuestic Admin
Free and Beautiful Vue 3 Admin Template
Stars: ✭ 8,398 (+3341.8%)
Mutual labels: ui-kit, vue-components
Vuetify
🐉 Material Component Framework for Vue
Stars: ✭ 33,085 (+13459.43%)
Mutual labels: ui-kit, vue-components
Element
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 51,416 (+20972.13%)
Mutual labels: ui-kit, vue-components
Vue Beauty
Beautiful UI components build with vue and ant design
Stars: ✭ 2,109 (+764.34%)
Mutual labels: ui-kit, vue-components
Mint Ui
Mobile UI elements for Vue.js
Stars: ✭ 16,471 (+6650.41%)
Mutual labels: ui-kit, vue-components
Awesome Ui Component Library
Curated list of framework component libraries for UI styles/toolkit
Stars: ✭ 702 (+187.7%)
Mutual labels: ui-kit, vue-components
Balm Ui
♦️ A modular and customizable UI library based on Material Design and Vue
Stars: ✭ 133 (-45.49%)
Mutual labels: ui-kit, vue-components
Viewui
A high quality UI Toolkit built on Vue.js 2.0
Stars: ✭ 2,487 (+919.26%)
Mutual labels: ui-kit, vue-components
Vue Json Edit
Visual JSON editor built as an vue component. Provides a basic GUI
Stars: ✭ 207 (-15.16%)
Mutual labels: vue-components
Vuent
🎨 Vue.js components implementing Microsoft Fluent Design
Stars: ✭ 207 (-15.16%)
Mutual labels: vue-components
Heyui
🎉UI Toolkit for Web, Vue2.0 http://www.heyui.top
Stars: ✭ 2,373 (+872.54%)
Mutual labels: vue-components
WDUI
安装
npm i [email protected] --save-dev
引入
整体引入
import Vue from 'vue'
import * as wdui from 'wdui' //整体引入
import 'wdui/lib/styles/theme-default/index.css' //引入样式文件
Vue.use(wdui)
按需引入（使用 babel-plugin-component 插件）
npm i babel-plugin-component --save-dev
修改 babel 配置文件 .babelrc, 添加 babel-plugin-component 插件
{
"plugins": ["transform-vue-jsx", "something else" ,["babel-plugin-component", {
"libraryName": "wdui",
"style": false
}]],
}
按需引入
import {Header} from 'wdui'
export default {
components: {
'wd-header': Header
}
}
Tips
- 全部组件使用 REM 布局实现多终端适配，使用本组件库时请搭配使用 lib-flexible 方案。
- 兼容性: Android 4.4 + ， iOS 6 +
Contribute
请参考 Contribute Guide 后提交 Pull Request。
Acknowledgements
wdui 开发时曾参考过以下项目:
License
MIT
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].