uni-app基础 1.2.1-引入uView

组件简介以及组件库推荐

点击查看视频教程跳到b站
课程文档地址

练习使用可以创建模板来观察官方如何使用

uni-ui
建议模板直接引入

单个使用的话插件市场引入

引入uView-ui

1.插件市场引入

App.vue

<style lang="scss">
	/*每个页面公共css */
	@import "@/uni_modules/uview-ui/index.scss";
	
</style>

main.js

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

uni.scss

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

pages.json

"easycom": {
		// npm安装的方式不需要前面的"@/"，下载安装的方式需要"@/"
		// npm安装方式
		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
		// 下载安装方式
		// "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
	},
	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			....................

2.官网引入
类似上面的插件市场引入 不过注意路径

文章来源: dmhsq.blog.csdn.net，作者：代码哈士奇，版权归原作者所有，如需转载，请联系作者。

原文链接：dmhsq.blog.csdn.net/article/details/122692135