使用vue2开发uni-app项目--引入uview-ui

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

目录

前言

一、安装

1、安装uview-ui

2、安装scss支持

二、配置

1、在main.js中引入uView库

2、uni.scss文件中引入uView的全局SCSS主题文件

 3、在APP.vue文件中引入uView基础样式

4、在pages.json中 配置easycom组件模式

总结

---

前言

使用vue2开发uni-app项目，引入第三方库uview-ui的步骤。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、安装

1、安装uview-ui

npm install uview-ui

2、安装scss支持

已安装请跳过，安装命令在《使用vue2开发uni-app项目的准备工作》一文中已有说明

二、配置

1、在main.js中引入uView库

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

2、uni.scss文件中引入uView的全局SCSS主题文件

@import 'uview-ui/theme.scss';

 3、在APP.vue文件中引入uView基础样式

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

4、在pages.json中 配置easycom组件模式

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

5、vue.config.js配置

如果没有自动生成vue.config.js文件，就手动创建，并配置：

module.exports = {
    transpileDependencies: ['uview-ui']
}

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。