1. "width": "auto" //加上宽度解决显示不全问题
{
"path": "pages/complaint/information",
"style": {
"navigationBarTitleText": "消息列表",
"enablePullDownRefresh": false,
// "navigationStyle": "custom" //自定义导航
"app-plus": {
"titleNView": {
"buttons": [
{
"color": "#fff",
"float": "right",
"fontweight":"bold" ,
"fontSize": "15px",
"fontSrc": "/static/font/iconfont.ttf",
"text": "全标已读",
"signType": "ready",
"width": "auto" //加上宽度解决显示不全问题
}
]
}
}
}
},
2.自定义导航栏 :::::"navigationStyle": "custom" //自定义导航
<view class="status_bar">
<view style="font-weight: bold;">消息列表</view>
<view style="margin-left: auto;">
<text style="font-weight: bold;">全标已读</text>
</view>
</view>
</view>
.status_bar {
height: var(--status-bar-height);
width: 100%;
}
03-19
1万+
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
08-08
596
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
03-19
1396
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)