iaep / xmui Goto Github PK

View Code? Open in Web Editor NEW

This project forked from monw3c/xmui

0.0 2.0 0.0 2.29 MB

基于vue2，为公司产品打(zao)造(lun)的(zi)可复用UI组件，文档:

Home Page: https://monw3c.github.io/xmui/

License: MIT License

JavaScript 17.22% Dockerfile 0.21% HTML 0.13% CSS 38.41% Vue 44.03%

xmui's Introduction

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
    ...
}