一.准备工作
1.安装scss插件(安装完成重启HX)
2.从Hbuilder X插件市场导入uView2.0
//Hbuilder X插件市场链接
https://ext.dcloud.net.cn/plugin?id=1593
二.配置步骤
1. main.js
//注意这两行要放在import Vue之后。
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
2.uni.scss
@import '@/uni_modules/uview-ui/theme.scss';
3. App.vue
<style lang="scss">
/* 注意要写在第一行*/
@import "@/uni_modules/uview-ui/index.scss";
</style>
4.配置 easycom 按需引入组件模式
配置完后,重启 HX 并重新编译才能正常使用,且在 pages.json 文件中只能有一个 easycom 字段。
之后在页面使用的时候,无需 import 注册组件就可以直接使用。
// pages.json
{
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
// 此为本身已有的内容
"pages": [
// ......
]
}