uni-app使用uView
三配置前提,先安装uview
1.使用HBuilder创建uni-app项目(这步过后就可以使用npm安装第三方组件了)
cmd进入当前根目录执行
npm init -y 执行后项目中会生成package.json文件
npm install uview-ui(安装uview)
2.安装sass,已安装请略过
安装node-sass
npm i node-sass -D
安装sass-loader
npm i sass-loader -D
3.在main.js中,引入并使用uView
main.js
import uView from "uview-ui";
Vue.use(uView);
4.在项目根目录的uni.scss中引入此文件。
@import 'uview-ui/theme.scss';
5.重点!!!
注意!
在App.vue中首行的位置引入,注意给style标签加入lang="scss"属性
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "uview-ui/index.scss";
</style>
配置easycom组件模式
“easycom”: {
“^u-(.*)”: “@/uview-ui/components/u-$1/u-$1.vue”
},