"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属性,那么依然是底部导航栏