uniapp 使用 uview UI框架

安装

// 安装sass
npm i sass -D

// 安装sass-loader
npm i sass-loader -D

安装

npm install uview-ui@2.0.31

配置

// main.js，注意要在use方法之后执行
import uView from '@/node_modules/uview-ui'
Vue.use(uView)
// 如此配置即可
uni.$u.config.unit = 'rpx'

配置

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

配置

//uni.scss 末尾
@import '@/node_modules/uview-ui/theme.scss';

配置

//pages.json 末尾
"easycom": {
         "^u-(.*)": "@/node_modules/uview-ui/components/u-$1/u-$1.vue"
     }

测试

如果还是不行,可以配置下Hbuilder 的node 路径