{
"path": "pages/tabBar/component/component",
"style": {
"navigationBarTitleText": "内置组件",
"app-plus": {
"bounce": "vertical",
"titleNView": {
"titleIcon":"/static/c3.png",
"titleSize":"20px",
"buttons": [{
"text": "\ue534",
"fontSrc": "/static/uni.ttf",
"fontSize": "22px",
"color": "#FFFFFF"
}]
}
}
}
},
- 发布:2020-12-15 14:31
- 更新:2020-12-17 17:33
- 阅读:719
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.9.8
手机系统: Android
手机系统版本号: Android 9.0
手机厂商: 华为
手机机型: 华为Mate9
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
{
"path": "pages/tabBar/component/component",
"style": {
"navigationBarTitleText": "内置组件",
"app-plus": {
"bounce": "vertical",
"titleNView": {
"titleIcon":"/static/c3.png",
"titleSize":"20px",
"buttons": [{
"text": "\ue534",
"fontSrc": "/static/uni.ttf",
"fontSize": "22px",
"color": "#FFFFFF"
}]
}
}
}
},
{
"path": "pages/tabBar/component/component",
"style": {
"navigationBarTitleText": "内置组件",
"app-plus": {
"bounce": "vertical",
"titleNView": {
"titleIcon":"/static/c3.png",
"titleSize":"20px",
"buttons": [{
"text": "\ue534",
"fontSrc": "/static/uni.ttf",
"fontSize": "22px",
"color": "#FFFFFF"
}]
}
}
}
},
预期结果:
想实现标题真正的显示在标题图标的左侧
想实现标题真正的显示在标题图标的左侧
实际结果:
标题显示在标题图标的右侧
标题显示在标题图标的右侧
bug描述:
使用原生导航栏的标题图片,文档写的是设置标题图标后,标题居左显示,但是实际上图标居右显示了
键名:float ,类型:String,默认:right,描述:按钮在标题栏上的显示位置,可取值"left"、"right"
相关文档链接:https://uniapp.dcloud.io/collocation/pages?id=app-titlenview-buttons
你说的【文档写的是设置标题图标后,标题居左显示】链接提供一下。