monw3c / Xmui
Licence: mit
基于vue2,为公司产品打(zao)造(lun)的(zi)可复用UI组件,文档:
Stars: ✭ 94
Projects that are alternatives of or similar to Xmui
Vue Swatches
🎨 Help the user picking beautiful colors!
Stars: ✭ 456 (+385.11%)
Mutual labels: component, ui-components, vuejs2
Vuesax
New Framework Components for Vue.js 2
Stars: ✭ 5,293 (+5530.85%)
Mutual labels: component, vuejs2
Toastnotifications
Toast notifications for WPF allows you to create and display rich notifications in WPF applications. It's highly configurable with set of built-in options like positions, behaviours, themes and many others. It's extendable, it gives you possibility to create custom and interactive notifications in simply manner.
Stars: ✭ 507 (+439.36%)
Mutual labels: component, ui-components
Uiv
Bootstrap 3 components implemented by Vue 2.
Stars: ✭ 882 (+838.3%)
Mutual labels: ui-components, vuejs2
Vue Form Json Schema
Create forms using JSON schema. Bring your components!
Stars: ✭ 253 (+169.15%)
Mutual labels: component, vuejs2
Vue Tagsinput
A simple tags input with typeahead (autocomplete) built with Vue.js 2.
Stars: ✭ 375 (+298.94%)
Mutual labels: component, vuejs2
Ui Box
Blazing Fast React UI Primitive
Stars: ✭ 847 (+801.06%)
Mutual labels: component, ui-components
Vue Easytable
🍉 Table Component/ Data Grid / Data Table.Support Virtual Scroll,Column Fixed,Header Fixed,Header Grouping,Filter,Sort,Cell Ellipsis,Row Expand,Row Checkbox ...
Stars: ✭ 2,501 (+2560.64%)
Mutual labels: component, vuejs2
Gomponents
Declarative view components in Go, that can render to HTML5.
Stars: ✭ 49 (-47.87%)
Mutual labels: component, ui-components
Vue Element Loading
⏳ Loading inside a container or full screen for Vue.js
Stars: ✭ 234 (+148.94%)
Mutual labels: component, vuejs2
Vue Marquee Text Component
[CSS GPU Animation] Marquee Text for vuejs
Stars: ✭ 226 (+140.43%)
Mutual labels: component, vuejs2
Vue Standalone Component
Vuejs template to build components with livecoding, tests, documentation and demos
Stars: ✭ 75 (-20.21%)
Mutual labels: component, vuejs2
V Bar
The virtual responsive crossbrowser scrollbar component for VueJS 2x
Stars: ✭ 216 (+129.79%)
Mutual labels: component, vuejs2
Vue.d3.tree
Vue component to display tree based on D3.js layout.
Stars: ✭ 726 (+672.34%)
Mutual labels: component, vuejs2
Vue Draggable Resizable
Vue2 Component for draggable and resizable elements.
Stars: ✭ 2,431 (+2486.17%)
Mutual labels: component, vuejs2
Komponents Deprecated
📦 React-inspired UIKit Components - ⚠️ Deprecated
Stars: ✭ 202 (+114.89%)
Mutual labels: component, ui-components
Vue Share Buttons
🔗A set of social buttons for Vue.js
Stars: ✭ 34 (-63.83%)
Mutual labels: component, vuejs2
Stf Vue Select
stf vue select - most flexible and customized select
Stars: ✭ 61 (-35.11%)
Mutual labels: component, vuejs2
XMUI
基于vue 2+ ,为公司产品打(zao)造(lun)的(zi)可复用UI组件,适用于 移动 和 部分PC 端,其中包括 基础组件 和 应用组件,目前 组件 和 文档 在不断完善中。
特性
- 基于 Vue
>=v2.1.4
开发的可复用 UI 组件,并且可随产品需要扩展 - 使用Vue官方的工作流,支持 ES6
- 一系列产品线都在使用中
- 关于SEO问题推荐使用插件 prerender-spa-plugin
浏览器支持
- 适用于 移动 和 部分PC 端
通用项目工程
- 基于官方扩展的项目工程,集成了Axios,Dayjs和可选的XMUI,Vuex https://github.com/monw3c/vue-wp-cli
开发
全局引入 -- 在 webpack 入口文件 main.js 中如下配置:
# 安装
cnpm install x-m-ui --save
# 引入css
import 'x-m-ui/package/xmui.min.css'
# 引入xmui.min.js
import xmui from 'x-m-ui'
# 注入到vue
Vue.use(xmui)
按需引入 -- 在 入口文件 main.js 或 组件内 中如下配置:
# 全局组件 main.js引入
import Toast from 'x-m-ui/package/comps/components/toast'
Vue.prototype.$toast = Toast
# 一般组件
import xmButton from 'x-m-ui/package/comps/components/button'
import xmButtonGroup from 'x-m-ui/package/comps/components/buttongroup'
import xmModal from 'x-m-ui/package/comps/components/modal'
...
components: {
xmButton,
xmButtonGroup,
xmModal
...
}
更多说明,请查看在线文档
查看示例
组件列表
- [x] 按钮
- [x] 标签
- [x] 加载更多
- [x] 搜索框
- [x] 单元格
- [x] 表单
- [x] 网格和图标
- [x] flexbox
- [x] Modal
- [x] Toast
- [x] Loading
- [x] 工单流程
- [x] skeleton骨架
- [x] Lazy延迟加载
- [ ] 轮播
- [x] ActionSheet
- [x] Popup
- [x] 数字键盘
- [x] 无缝滚动
- [ ] 左右滑菜单
- [ ] 时间选择器
- [ ] 标签页
- [x] 导航栏(顶部)
- [x] 标签栏(底部)
关于如何构建 Vue 组件库的文章,有兴趣的朋友可了解一起探讨
贡献
在此不一一感谢所有付出脑力体力的同仁,如有疑问,请与我们联系 如果你在使用时遇到问题,或者有好的建议,欢迎给我们提 Issue 或 Pull Request
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].