XMUI基于 Vue 2 的 UI 组件
XMUI
基于vue 2+ ,为公司产品打(zao)造(lun)的(zi)可复用UI组件,适用于 移动 和 部分PC 端,其中包括 基础组件 和 应用组件,目前 组件 和 文档 在不断完善中。
特性
基于 Vue
>=v2.1.4
开发的可复用 UI 组件,并且可随产品需要扩展使用Vue官方的工作流,支持 ES6
一系列线上产品都在使用中
关于SEO问题推荐使用插件 prerender-spa-plugin
浏览器支持
适用于 移动 和 部分PC 端(Chrome,safari,IE9+等)
开发
全局引入 -- 在 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 ... }
更多说明,请查看在线文档
查看示例
组件列表
按钮
标签
加载更多
搜索框
单元格
表单
网格和图标
flexbox
Modal
Toast
Loading
工单流程
skeleton骨架
轮播
ActionSheet
Popup
无缝滚动
左右滑菜单
时间选择器
标签页
导航栏(顶部)
标签栏(底部)
关于如何构建 Vue 组件库的文章,有兴趣的朋友可了解一起探讨
贡献
在此不一一感谢所有付出脑力体力的同仁,如有疑问,请与我们联系
如果你在使用时遇到问题,或者有好的建议,欢迎给我们提 Issue 或 Pull Request
评论
KUI for Vue基于 Vue 2.0 的 UI 组件库
KUIforVue基于VUE2.x开发,在追求完美视觉体验的同时也保证了其性能高效。欢迎批评、指正、吐槽、Star和捐助 Docs: http://k-ui.cnBlog: http://chuchu
KUI for Vue基于 Vue 2.0 的 UI 组件库
0
KUI for Vue基于 Vue 2.0 的 UI 组件库
KUI for Vue基于 VUE 2.x 开发,在追求完美视觉体验的同时也保证了其性能高效。欢迎批
KUI for Vue基于 Vue 2.0 的 UI 组件库
0
fish-ui基于 Vue 2.0 开发的 UI 组件库
fish-ui 是基于vue2开发的一套ui组件库,其中css部分借鉴了semantic-ui的样
fish-ui基于 Vue 2.0 开发的 UI 组件库
0
fish-ui基于 Vue 2.0 开发的 UI 组件库
fish-ui是基于vue2开发的一套ui组件库,其中css部分借鉴了semantic-ui的样式demo: https://myliang.github.io/fish-ui/github: ht
fish-ui基于 Vue 2.0 开发的 UI 组件库
0
WebUI4Angular基于 angularjs 的 UI 组件
WebUI4Angular是基于angularjs实现的一套UI组件,组件需要使用angularjs1.3以上版本。参照了UIBootstrap等组件的写法,主要对指令进行了自己的封装,我们希望通过a
WebUI4Angular基于 angularjs 的 UI 组件
0
qsint基于Qt的UI组件
一个开源的Qt小组件程序,提供了包括棒图、饼图、曲线等小组件ActionLabelAnactionbutton,similartoWindowsVista/7controlpanelitem.Acti
qsint基于Qt的UI组件
0
twtree基于 vue 的树形组件
基于vue的树形组件。主要特色支持复选框可异步加载拖放操作右键菜单按钮自定义外观文档文档开始使用npmnpminstalltwtree--save引入importTWTreefrom'twtree'示
twtree基于 vue 的树形组件
0