基于vue 2+ ,为公司产品打(zao)造(lun)的(zi)可复用UI组件,。
- 基于 Vue
>=v2.1.4
开发的可复用 UI 组件,并且可随产品需要扩展 - 使用Vue官方的工作流,支持 ES6
- 适用于(Chrome,safari,IE9+等)
全局引入 -- 在 webpack 入口文件 main.js 中如下配置:
# 安装
cnpm install yu-ui --save
# 引入css
import 'yu-ui/package/yuui.min.css'
# 引入yuui.min.js
import yuui from 'yu-ui'
# 注入到vue
Vue.use(yuui)
按需引入 -- 在 入口文件 main.js 或 组件内 中如下配置:
# 全局组件 main.js引入
import Toast from 'yu-ui/package/comps/components/toast'
Vue.prototype.$toast = Toast
# 一般组件
import Button from 'yu-ui/package/comps/components/button'
import Modal from 'yu-ui/package/comps/components/modal'
...
components: {
Button,
Modal
...
}
- 按钮