app开发pages.json页面常见属性

	"pages": [
		// pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/tabBar/component/component",
			"style": {
				"navigationBarTitleText": "内置组件",
				"app-plus": {
					"bounce": "vertical",
					"titleNView": {
						"buttons": [{
							"text": "\ue534",
							"fontSrc": "/static/uni.ttf",
							"fontSize": "22px",
							"color": "#FFFFFF"
						}]
					}
				}
			}
		},

navigationBarTitleText
设置导航栏标题
app-plus
含义:这是 UniApp 中的一个平台标识符,专门用于配置针对 App 平台(如 Android 和 iOS)的特定设置。这意味着这段配置仅在打包为原生应用时生效。
titleNView
含义:这是 UniApp 提供的一种方式,用于自定义应用顶部的导航栏(也称为标题栏)。通过 titleNView,你可以添加自定义按钮、更改背景颜色、设置文字等。
buttons 数组
含义:一个包含一个或多个按钮对象的数组,每个对象定义了单个按钮的属性。
按钮对象属性详解
text
值:\ue534
含义:这是一个 Unicode 字符编码,通常用来表示图标字体中的某个符号。在这个例子中,“\ue534” 可能对应于某个特定的图标。
fontSrc
值:/static/uni.ttf
含义:指定了用于渲染按钮文本的字体文件路径。这里 /static/uni.ttf 是相对于项目根目录的路径,指向一个名为 uni.ttf 的字体文件,这个文件应该包含了与 text 属性对应的图标字符。
fontSize
值:“22px”
含义:设置了按钮内文本(或图标)的大小为 22 像素。
color
值:“#FFFFFF”
含义:定义了按钮内文本的颜色,这里是白色(十六进制颜色代码 #FFFFFF 表示纯白色)。

ps:虽然navigationBarTitleText是顶部导航栏标题设置,但如果你在page.json里定义了tabBar的list属性,那么依然是底部导航栏

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值