详细问题描述
APP-puls 小角标数字的层级显示问题
[内容]
重现步骤
[步骤]
- 配置项
{
"path": "pages/list/index",
"style": {
// "enablePullDownRefresh":true,
"navigationBarTitleText": "工单大厅",
"app-plus":
// #ifdef APP-PLUS || H5
{
"titleNView": {
"titleText": "工单大厅",
"buttons": [{
"fontSize": "28px",
"fontSrc": "/static/font.ttf",
"text": "\ue6e0",
"redDot": true
}]
}
}
// #endif
}
} - 设置角标为99
setBadge(true,99);
function setBadge(show,text) {
//#ifdef APP-PLUS
let pages = getCurrentPages();
let page = pages[pages.length - 1];
let currentWebview = page.$getAppWebview();
if(show){
currentWebview.setTitleNViewButtonBadge({index:0,text:text+""})
}else{
currentWebview.removeTitleNViewButtonBadge({index:0})
currentWebview.hideTitleNViewButtonRedDot({index:0})
}
//#endif
}
[结果]
在附件图片里
[期望]
- 角标在消息图层上面 z-index问题
- 提升项：如果可以加点配置想能够设置角标在字体文件的左上还是右上~
- css视觉优化 ：角标有点干瘪 能否圆融点
IDE运行环境说明
[HBuilder 或 HBuilderX]
1.81
[IDE版本号]
[windows版本号]
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序]
[运行端版本号]
App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志，点右键打开文件所在目录，将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段，你补充的细一点，问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]
