1 Star 0 Fork 13

XIAOQIAN / xmui

forked from monw3c / xmui 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

XMUI

Version Downloads License TravisCI

基于vue 2+ ,为公司产品打(zao)造(lun)的(zi)可复用UI组件,适用于 移动 和 部分PC 端,其中包括 基础组件 和 应用组件,目前 组件 和 文档 在不断完善中。

特性

  • 基于 Vue>=v2.1.4 开发的可复用 UI 组件,并且可随产品需要扩展
  • 使用Vue官方的工作流,支持 ES6
  • 一系列产品线都在使用中
  • 关于SEO问题推荐使用插件 prerender-spa-plugin

浏览器支持

  • 适用于 移动 和 部分PC 端

开发

全局引入 -- 在 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骨架
  • Lazy延迟加载
  • 轮播
  • ActionSheet
  • Popup
  • 数字键盘
  • 无缝滚动
  • 左右滑菜单
  • 时间选择器
  • 标签页
  • 导航栏(顶部)
  • 标签栏(底部)

关于如何构建 Vue 组件库的文章,有兴趣的朋友可了解一起探讨

如何基于 Vue 2 写一套 UI 库

欢迎加入星球一起探讨

贡献

在此不一一感谢所有付出脑力体力的同仁,如有疑问,请与我们联系
如果你在使用时遇到问题,或者有好的建议,欢迎给我们提 IssuePull Request

MIT License Copyright (c) 2017 mon Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

基于vue2,为公司产品打(zao)造(lun)的(zi)可复用UI组件,文档: 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/xiaoqian15/xmui.git
git@gitee.com:xiaoqian15/xmui.git
xiaoqian15
xmui
xmui
master

搜索帮助