uniapp开发 npm导入uview-ui

安装

进入对应项目的目录下

npm install uview-ui

在main.js 文件全局引入uView

一般放在Vue.config.productionTip = false之前

// 引入uview-ui
import uView from "uview-ui";
Vue.use(uView);

在uni.scss 文件引入uView的全局SCSS主题文件

一般放在最上方

@import  uview-ui/theme.scss ;

在App.vue文件引入uView基础样式

一般放到最下方

<style lang="scss">
    /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
    @import "uview-ui/index.scss";
</style>

在pages.json配置easycom

一般放到最上方

"easycom": {
    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},

问题注意

先导入uview-ui，再写自定义的组件。如果还不好用，可以重启下HbuilderX试试。