自定义前端ui库u-components的使用

1.npm i u-components -S

2.main.js引入

import Vue from 'vue'
import uComps from 'u-components'
import 'u-components/src/assets/css/app.scss'
let {
  UDatePicker,
  USelect,
  UPager,
  UInput,
  UTextarea,
  UCheckBox,
  UCheckGroup,
  URadioBox,
  URadioGroup,
  UStepAdder,
  USwitch,
  UDialog,
  UUpload,
  UAddressSelect,
  Message,
  Confirm
} = uComps

Vue.use(UDatePicker)
Vue.use(USelect)
Vue.use(UPager)
Vue.use(UInput)
Vue.use(UTextarea)
Vue.use(UCheckBox)
Vue.use(UCheckGroup)
Vue.use(URadioBox)
Vue.use(URadioGroup)
Vue.use(UStepAdder)
Vue.use(USwitch)
Vue.use(UDialog)
Vue.use(UUpload)
Vue.use(UAddressSelect)

Vue.prototype.$message = Message
Vue.prototype.$confirm = Confirm

3.直接使用即可

github地址:https://github.com/yc123/u-components

发布了6 篇原创文章 · 获赞 5 · 访问量 8737
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览