首页 > 其他分享 >uniapp 动态修改顶部导航栏右侧按钮 titleNView(APP-PLUS、H5)

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

时间:2023-11-02 16:00:39浏览次数:37  
标签:uniapp APP H5 tn PLUS currentVebview var titleNView page

 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

标签:uniapp,APP,H5,tn,PLUS,currentVebview,var,titleNView,page
From: https://www.cnblogs.com/myflowers/p/17805611.html

相关文章

  • 利用云计算和微服务架构开发可扩展的同城外卖APP
    如今,同城外卖APP已经成为了人们点餐的主要方式之一。然而,要构建一款成功的同城外卖APP,不仅需要满足用户的需求,还需要具备可扩展性,以适应快速增长的用户和订单量。一、了解同城外卖APP的需求在着手开发同城外卖APP之前,我们需要深入了解用户和业务需求。这包括用户希望能够浏览菜单、......
  • 个人理财APP-计算机毕业设计源码+LW文档
    安卓框架:uniapp安卓开发软件:HBuilderX开发模式:混合开发摘 要个人理财APP设计的目的是为用户提供对活动信息和提醒信息管理等方面的平台。与PC端应用程序相比,个人理财的设计旨在为用户提供一个个人理财信息的管理。用户可以通过APP及时收入信息和支出信息,并对提醒消息进行查......
  • Linux PAM和AppArmor
    PAM介绍PAM全称叫作PluggableAuthenticationModules,译为可插拔验证模块。1995年起源于sun公司,PAM是一个框架,通过PAM框架提供的接口,应用程序可以不关心基层具体的实现过程,直接调用接口实现身份验证功能。PAM还有一个功能就是在用户空间就是先对用户的资源进行限制。PAM不是Lin......
  • .NET6 配置 AutoMapper 与 AutoFac
    AutoMapper 概述1、什么是AutoMapper简单来说,AutoMapper就是一个用C#语言开发的一个轻量的处理一个实体对象到另外一个实体对象映射关系的组件库 官网地址:AutoMapper 文档地址:AutoMapper—AutoMapperdocumentation 2、为什么要用AutoMapper层与层之间的数据转换......
  • h5py
    HDF5forPythonh5pyisathin,pythonicwrapperaroundthe HDF5,whichrunsonPython3(3.6+).WebsitesMainwebsite: https://www.h5py.orgSourcecode: https://github.com/h5py/h5pyMailinglist: https://groups.google.com/d/forum/h5py pipinstallh5pyColle......
  • uniapp 打包缺陷
    uniapp打包时候会把所有用到的公共组件和公共封装打包到一起,在首页直接加载,这样会严重影响首屏的显示速度目前没有找到好的最小化分离首屏依赖的打包方式考虑可行的方案1.写一个webpack插件,通过分析指定模块的依赖,将模块和模块依赖分别打包2.深入webpack配置,看......
  • android设置app开机自启动
    Android设置App开机自启动在Android系统中,默认情况下,应用程序无法在设备开机时自动启动。但有时候,我们需要某些应用在设备开机时自动启动,以方便用户快速访问或提供后台服务。本文将介绍如何设置Android应用在设备开机时自动启动,并提供相应的代码示例。一 使用BroadcastReceiver......
  • uniapp微信小程序自定义隐私权限弹窗
    插件地址:https://ext.dcloud.net.cn/plugin?id=14576#detail 样式小改动<template><viewclass="xh-privacy"><!--默认主题--><view:style="'background:'+background+';'"class="the......
  • PowerApps Canvas通过当前审批状态控制只允许审批人编辑
    在DetailScreen的OnVisible事件中创建变量varIsApprovalUser判断登录人是否为当前节点的审批人:Set(myself,User());If(!varSelectedParent,UpdateContext({varIsApprovalUser:true}),Switch(varSelectedRecord.'OrderStatus状态'.Value,"待审批",If(User().Email=varSelectedRe......
  • uboot的重定向汇编详细分析--Apple的学习笔记
    一,前言既然是第二轮学习,当然要比第一轮增加深度,获取更多技能和通用方法论。之前我想通过代码关闭relocate功能,结果一尝试就复位了,看来没我想的简单,还是先了解下relocate的代码。二,源码分析调用前r0有传参为gd->relocaddr,也就是一个指针地址保存在r0。arch/arm/lib/crt0.S ldr r0,......