uniapp使用uni-ui插件的方式

1、npm安装参考:https://ext.dcloud.net.cn/plugin?id=55

2、安装完成后,根目录下出现node_modules,该目录下,是所有的uni-ui组件

uniapp使用uni-ui插件的方式_第1张图片

3、引用的两种方式如下:






4、加载全部的uni-ui导致文件过大,此时可以按需引用,

a、创建一个components文件

b、把@dcloudio/uni-ui/lib/uni-badge复制到components文件下

uniapp使用uni-ui插件的方式_第2张图片

c、通过如下方式引用即可

import uniSwiperDot from "components/uni-swiper-dot/uni-swiper-dot.vue"
export default {
    components: {
      uniSwiperDot
    },
}

 

你可能感兴趣的:(uniapp)