uniapp自定义导航栏返回按键

目录

    • html
    • js
    • css
    • 最后

html

<!-- #ifdef MP-WEIXIN || APP-PLUS -->
<view class="tc  header":style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;padding-top:' + topBarTop() + 'px'"><view class="reg180" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'"><image @click="goback" src="/static/icon/back-jianatou.png" mode="" style="width: 48rpx;height: 48rpx;"></image></view></view>
<!-- #endif -->

js

goback() {let routes = getCurrentPages(); // 获取当前打开过的页面路由数组console.log(routes.length);if (routes.length <= 1) {this.gotoPage('/pages/index/index');} else {uni.navigateBack();}},

css

.reg180 {padding-right: 20rpx;text-align: center;transform: rotateY(180deg);display: flex;justify-content: flex-end;align-items: center;}.header {z-index: 99;position: fixed;height: 30px;line-height: 30px;top: 0;left: 0;width: 100%;padding-top: var(--status-bar-height);}.header .reg180 .icon-jiantou {color: #ffffff;background: rgba($color: #000000, $alpha: 0.6);display: block;width: 44rpx;height: 44rpx;line-height: 44rpx;border-radius: 50%;}

最后

感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/154989.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MyBatis Generator 插件 详解自动生成代码

MyBatis Generator&#xff08;MBG&#xff09;是MyBatis和iBATIS的代码生成器。可以生成简单CRUD操作的XML配置文件、Mapper文件(DAO接口)、实体类。实际开发中能够有效减少程序员的工作量&#xff0c;甚至不用程序员手动写sql。 它将为所有版本的MyBatis以及版本2.2.0之后的i…

YOLOV5 C++部署的人员检测项目【学习笔记(十一)】

本文为修改后的转载&#xff0c;没有转载链接&#xff0c;所以文章类型暂为原创 文章目录 一、安装Pytorch 及 YOLO v51.1 安装GPU版 pytorch1.2 安装YOLO v5所需依赖 二、YOLO v5训练自定义数据2.1 标注数据2.1.1 安装labelImg2.1.2 标注 2.2 准备数据集2.2.1 组织目录结构2.…

Python所有常见功能大汇总

以下是Python中常见的语句及其功能。 语句功能import引入模块from…import从某个模块引入指定内容def定义函数if/else条件语句elif多条件判断while循环语句for循环语句break终止循环continue跳过当前循环return指定返回值try/except异常处理with简化文件操作open打开文件read/…

深度学习之三(卷积神经网络--Convolutional Neural Networks,CNNs)

概念 卷积神经网络(Convolutional Neural Networks,CNNs)是一种特殊的神经网络结构,专门用于处理具有网格状结构(如图像、音频)的数据。CNN 在计算机视觉领域取得了巨大成功,广泛应用于图像识别、物体检测、图像生成等任务。以下是 CNN 的主要理论概念: 在数学中,卷…

TeXLive 2023安装教程

TeXLive 2023安装教程 本文介绍最新TeX发行版——TeXLive 2023的安装步骤。如果你想用LaTeX进行写作&#xff0c;那么需要搭建LaTeX环境&#xff1a;可以选择下面两种方案之一进行安装&#xff1a;(1)TeXLive 2023TeXStudio或者(2)TeXLive 2023WinEdt 11。其中TeXLive 2023是由…

mqttws.js

mqttws.js 概述具体使用引入mqttws.js客户端实例化创建连接注册连接断开处理事件收到消息回调函数订阅topic取消订阅断开连接发送消息 参考文章 https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/…

[Mac软件]Downie 4.6.34视频下载工具

以下是关于Downie软件的介绍&#xff1a; Downie是一款非常实用的视频下载软件&#xff0c;专门为Mac用户设计。这款软件的使用方法非常简单&#xff0c;只需要将想要下载的视频链接复制到Downie的界面&#xff0c;它就能够自动下载。 Downie最大的特点就是支持的网站非常多&a…

centos7卸载mongodb数据库

如果您已经删除了MongoDB的相关文件&#xff0c;但系统仍然显示已经安装了一个版本&#xff0c;可能是由于之前的MongoDB安装残留导致的。您可以尝试以下步骤来彻底清除MongoDB并重新安装&#xff1a; 卸载MongoDB&#xff1a;使用以下命令卸载MongoDB&#xff1a; sudo yum er…

五大匹配算法

五大匹配算法 五大匹配算法 BF 匹配、RK 匹配、KMP 匹配、BM 匹配、Sunday 匹配。 1、BF 匹配 // BF 匹配&#xff08;暴力匹配&#xff09; public static int bfMatch(String text, String pattern) {char[] t text.toCharArray();char[] p pattern.toCharArray();int i …

vs code git问题:文件明明已加入忽略文件中,还是出现

vs code git问题&#xff1a;文件明明已加入忽略文件中&#xff0c;还是出现 原因&#xff1a; 因为之前这些文件都已经提交过&#xff0c;线上GIT已经存在&#xff0c;已存在就不能忽略&#xff0c; 解决办法&#xff1a; 先要删除这些文件提交上去&#xff0c;然后把这些文…

使用USB转JTAG芯片CH347在Vivado下调试

简介 高速USB转接芯片CH347是一款集成480Mbps高速USB接口、JTAG接口、SPI接口、I2C接口、异步UART串口、GPIO接口等多种硬件接口的转换芯片。 通过XVC协议&#xff0c;将CH347应用于Vivado下&#xff0c;简单尝试可以成功&#xff0c;源码如下&#xff0c;希望可以一起共建&a…

软件系统运维方案

1.项目情况 2.服务简述 2.1服务内容 2.2服务方式 2.3服务要求 2.4服务流程 2.5工作流程 2.6业务关系 2.7培训 3.资源提供 3.1项目组成员 3.2服务保障 点击获取所有软件开发资料&#xff1a;点我获取

一文了解Spring依赖注入时循环依赖问题

目录 什么是循环依赖 凡是Java的循环依赖都会有问题&#xff1f; 为什么Spring循环依赖会有问题&#xff1f; Spring解决循环依赖问题的思路&#xff1f; 设置二级缓存对象池 方案一直接将实例化对象放入早期对象池 方案一缺点 方案二-将实例化对象处理AOP后放入早期对象…

3.生成验证码 + 开发登录、退出功能 + 显示登录信息

目录 1.生成验证码 2.开发登录、退出功能 2.1 开发数据访问层 2.2 开发业务层:实现登录功能

入行IC | 从小白助理级,到总监专家级,到底要经历怎样的成长阶段呢?

《中国集成电路产业人才发展报告》是业内和IC设计、IC人才都息息相关的一份报告。 &#xff08;文末可领全部报告资料&#xff09; * 从报告数据来看&#xff0c;无论在半导体产业的哪个环节&#xff0c;个人发展路径和年薪待遇都是逐级攀升的趋势。 那么从小白助理级&a…

深度学习中的图像处理(基本介绍+示例代码)

一、基本介绍 深度学习中的图像处理是指使用深度学习技术处理图像数据的过程。深度学习在图像处理领域取得了显著的成功&#xff0c;尤其是卷积神经网络&#xff08;Convolutional Neural Networks&#xff0c;CNN&#xff09;的出现和发展&#xff0c;使得计算机能够学习和理…

latex英文模板中,输入中文出现空白 解决办法

在导言区加入以下代码即可 \usepackage[UTF8]{ctex}

口袋参谋:找关键词的三种方法!

​如何找热搜关键词&#xff1f;99%的商家都不知道。那么今天可以根据我说的三种方法去做。 第一种方法&#xff1a;利用竞争对手 通过分析竞争对手&#xff0c;正在使用和采取何种优化方法&#xff0c;来帮助你理解市场上正在流行什么样的关键字&#xff0c;这些热词可以直接从…

Java自动化驱动浏览器搜索稻香

下载最新的Chrome浏览器 查看chrome版本&#xff0c;在浏览器地址栏输入&#xff1a;chrome://version/ 下载对应的浏览器驱动&#xff0c;将其放到一个目录中&#xff0c;我放到了D:/chromedriver-win64 导入对应的依赖【注意&#xff1a;不要导入最新的版本&#xff0c;最…

JSP不等于JavaScript

一、什么是jsp&#xff1f; jsp是Servlet设计&#xff0c;中文含义是java服务器页面&#xff0c;java都是在服务器上进行的&#xff0c;一般情况下&#xff0c;返回的值是一个html&#xff0c;所以要依靠浏览器才能预览。 二、什么是JavaScript? JavaScript是一种脚本语言&…