使用vue2开发uni-app项目--引入uview-ui-Toy模板网

这篇具有很好参考价值的文章主要介绍了使用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';

vue2 安装 uview,uni-app开发,uni-app

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"
},

vue2 安装 uview,uni-app开发,uni-app

5、vue.config.js配置

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

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

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。文章来源地址https://www.toymoban.com/news/detail-762389.html

到了这里，关于使用vue2开发uni-app项目--引入uview-ui的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

使用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组件模式

5、vue.config.js配置

总结

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2

使用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组件模式

5、vue.config.js配置

总结

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2

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