uniapp 动态修改顶部导航栏右侧按钮 titleNView（APP-PLUS、H5） 

 1 <script>
 2 export default {
 3     onReady() {
 4         // 已渲染
 5         var pages = getCurrentPages();
 6         var page = pages[pages.length - 1];
 7 
 8         // #ifdef H5
 9         document.querySelector('.uni-page-head-ft .uni-page-head-btn .uni-btn-icon').innerHTML = '新文字';
10         // #endif
11 
12         // #ifdef APP-PLUS
13         var currentVebview = page.$getAppWebview();
14         var tn = currentVebview.getStyle().titleNView;
15         tn.buttons[0].text = '新文字 \ue001'; // \ue... 字体图标
16         tn.buttons[0].fontSrc = "/static/font/iconfont.ttf"
17         currentVebview.setStyle({
18             titleNView: tn
19         })
20         // #endif
21     }
22 }
23 </script>

官网参考: 

https://uniapp.dcloud.net.cn/tutorial/page.html#getappwebview

https://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject

posted @ 2023-11-02 15:54  落花看风雪  阅读(935)  评论(0)  编辑  收藏  举报