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

最新推荐文章于 2024-08-22 19:33:43 发布

沉睡的潇洒哥

最新推荐文章于 2024-08-22 19:33:43 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签：日期选择下拉选择分页图片上传 UI库

本文链接：https://blog.csdn.net/qq_23994725/article/details/84957062

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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