在uni-app中,可以通过修改页面配置的navigationBarTitleText属性来设置导航栏标题的字体大小。具体设置步骤如下:
打开对应页面的vue文件,在页面配置部分找到navigationBarTitleText属性。
在该属性中,使用style标签来设置字体大小,如下所示:
export default {
// 页面配置
config: {
navigationBarTitleText: '页面标题',
navigationBarTextStyle: 'white', // 设置导航栏标题的文本颜色
navigationBarBackgroundColor: '#000000' // 设置导航栏的背景颜色
},
}
<style>
@import "../../static/css/reset.css";
page {
/* 其他样式内容 */
}
</style>
<style>
@import "../../static/css/reset.css";
page {
font-size: 32rpx; // 设置字体大小为32rpx
}
</style>
注意:设置字体大小时,可以使用rpx单位来实现适配不同屏幕的效果,也可以直接使用px单位进行固定大小的设置。