Uni-App从入门到实战

Uni-App从入门到实战-黑马程序员杭州校区出品

https://www.bilibili.com/video/BV1BJ411W7pX?from=search&seid=15850546966096735238&spm_id_from=333.337.0.0

P1 01-课程和uni的基本介绍

P2 02-uni-app的环境搭建并创建项目运行

HBuilderX2.4.6 同样

更新3.2.16 20211122

P3 03-项目目录和开发规范简单介绍

P4 04-globalStyle全局外观配置

https://uniapp.dcloud.io/collocation/pages?id-globalstyle 全局外观配置

https://destiny001.gitee.io/color/ RGB颜色查询对照表

atl+/ 提示

P5 05-创建新页面和页面的配置

P6 06-配置基本的tabbar

也有view标签

P7 07-tabbar的其他属性配置

"tabBar":{
		"color":"#007AFF",
		"selectedColor":"#333333",
		"position":"bottom",
		"list":[
			{
				"text":"首页",
				"pagePath":"pages/index/index",
				"iconPath":"static/logo.png",
				"selectedIconPath":"static/logo.png"
			},
			{
				"text":"hello",
				"pagePath":"pages/message/message",
				"iconPath":"static/logo.png",
				"selectedIconPath":"static/logo.png"
			}
		]
	}

P8 08-condition启动模式配置

小程序工具添加编译模式+名称

	"condition":{
		"current":0,
		"list":[
			{
				"name":"test",
				"path":"pages/index/index",
				"query":"id=8"
			}
		]
	}

h5通过url访问

P9 09-text组件的基本使用

https://uniapp.dcloud.io/component/text

hello &world

P10 10-view组件的基本使用

阻止冒泡 hover-stop-propagation

P11 11-button按钮组件的使用

P12 12-image组件的基本使用

src mode

P13 13-uni中样式的学习及如何使用scss和字体图标

rpx同微信小程序 即响应式px. 一种根据屏幕宽度自适应的动态单位。

@import url('./a.css')

url('~@/static/xxx') 推荐 引入字体

支持