您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

通过html5+扩展titleNView定义autoBackButton，autoBackButton在h5失效的问题

风口下的猪2019-11-02【uni-app】

简介

 错题症状

实际项目中，想要去掉uni.navigateTo()跳转页面导航栏中的<返回。uni-app官方文档中app-plus和h5都支持titleNView，但没有autoBackButton的定义。

通过w3c的官方html5+扩展，找到了webViewTitleNViewStyles定义标题栏中<返回的设置：

autoBackButton: (Boolean 类型 )标题栏控件是否显示左侧返回按钮

可取值： "true" - 显示返回按钮； "false" - 不显示返回按钮。 默认值为"false"。 返回按钮的颜色为窗口标题文字颜色，按下时颜色自动调整透明度为0.3。 点击返回按钮的逻辑与按下系统返回键逻辑一致。

但项目中设置autoBackButton只对APP有效，对h5无效。



 错题分析

h5不支持html5+扩展，对它定义的autoBackButton无效。

 错题解决方案

这个法子行不通，还可以通过自定义导航栏的方式去做，IDE中新建demo项目，引入其中的uni-tab-bar组件，参照uni-app官网>组件>扩展组件NavBar自定义导航栏。

进行配置以及修改样式

（注意页面中定义样式的优先级是低于组件的，所以有些冲突样式要修改组件的样式）

很赞哦！ (0)

上一篇：$emit传递多个参数

下一篇：交互反馈uni.showModel()中success用箭头函数的问题

  • 软件开发
  • 素质要求
  • 计算机基础
  • 架构
  • 安全
  • 性能
  • 运维
  • 尾页
  • 数据库
  • 开发终端
  • 语言基础
  • 项目管理
  • 产品设计
  • 系统
  • 工作规范
  • 计算机网络
  • 前端技术栈
  • 数据结构
  • 计算机组成原理
  • 后端技术栈
  • 性能优化
  • 安全设计
  • 常见模块
  • 计算机操作系统
  • 服务器
  • python
  • MySQL
  • thinkphp
  • PHP
  • Java
  • JavaScript
  • Windows
  • Linux
  • 特效
  • indexedDB
  • vue
  • 淘宝联盟
  • Ionic
  • Angular
  • 微信小程序
  • 支付宝小程序
  • uni-app
  • css/sass/less
  • 支付
  • socket
  • 爬虫
  • web性能优化
  • 消息推送
  • CVM
  • sqlite
  • Redis
  • 前端基础
  • 基础
  • element
  • Nginx
  • yii2
    • /ponder/index.php/index/catelist/catelist/cateid/10.html

    相关阅读 (同一栏目)

    << 第 /页

    栏目目录

    软件开发(47)MySQL(25)
    thinkphp(89)PHP(33)
    JavaScript(39)项目管理(3)
    产品设计(5)Linux(15)
    计算机网络(6)计算机组成原理(1)
    微信小程序(7)安全设计(4)
    uni-app(70)淘宝联盟(4)
    支付(7)socket(18)
    计算机操作系统(4)爬虫(5)
    web性能优化(5)消息推送(9)
    CVM(2)Redis(27)
    indexedDB(5)vue(57)
    特效(2)css/sass/less(5)
    基础(1)element(1)
    Nginx(6)yii2(19)

    标签云

    站点信息

    • 文章统计：528篇
    • 移动端访问：扫码进入SQ3R

    申请链接友情链接