uni-app如何安装uView模块
众所周知,uni-app自带的组件库实在是很难满足我们的大部分需求,于是在这里我选择了目前十分强大的uView来进行日常开发。1、找到uni-app下面的终端,并且输入:npm install uview-ui2、在main.js文件全局引入uViewimport uView from 'uview-ui';Vue.use(uView);3、uni.scss文件 引入uView的全局SCSS主题文
·
众所周知,uni-app自带的组件库实在是很难满足我们的大部分需求,于是在这里我选择了目前十分强大的uView来进行日常开发。
1、找到uni-app下面的终端,并且输入:
npm install uview-ui
2、在 main.js
文件全局引入 uView
import uView from 'uview-ui';
Vue.use(uView);
3、uni.scss
文件 引入 uView
的全局 SCSS
主题文件
@import "uview-ui/theme.scss";
4、 在App.vue文件引入uView基础样式(注意一定还要将style设置为scss)
<style lang="scss">
/*每个页面公共css */
@import "uview-ui/index.scss";
</style>
5、最后我们去page.json去进行最后一下配置:
添加下面的代码:
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
6、这时我们就可以直接在vue页面里不用导入直接用u-来访问啦:
更多推荐
已为社区贡献12条内容
所有评论(0)