uniapp 支付宝小程序自定义顶部导航栏

embedded/2025/2/21 7:04:15/

我是用的是uniapp 的 uni-nav-bar 组件 根据项目需求配置即可

	<uni-nav-bar v-if="title" :left-icon="leftIcon" :title="title" :statusBar="true" :fixed="true" @clickLeft="goBack":border="false" :backgroundColor="background" :color="color" :productNum="productNum">props: {title: {type: String,default: ''},leftIcon: {type: String,default: ''},router: {type: String,default: ''},backType: {type: Number,default: ''},productNum: {type: Number,default: 0}},goBack() {if (this.leftIcon) {uni.navigateBack();}}

导航栏组件

页面组件中使用

    <!-- #ifdef MP-WEIXIN -->
        <navBar :backType="1" title="我的"></navBar>
        <!-- #endif -->
        <!-- #ifdef MP-ALIPAY -->
        <navBar :backType="1" title="我的" leftIcon="no"></navBar>
        <!-- #endif -->

pages.json

"path": "user/user",
                    "style": {
                        "navigationStyle": "custom",
                        "navigationBarTitleText": "",
                        "mp-alipay": {
                            "transparentTitle": "always",
                            "titlePenetrate": "NO"
                        }
                    }

 导航栏前面的返回按钮去除不了 可以修改颜色

    // #ifdef MP-ALIPAY
            my.setNavigationBar({
                frontColor: '#000000',
                backgroundColor: '#000000',
            })
            // #endif

 同时还要注意当小程序页面栈深度为 1,且当前页面既非首页也非 tabBar 页面时,标题栏上默认会展示返回小程序首页按钮

隐藏按钮

my.hideBackHome();


http://www.ppmy.cn/embedded/163500.html

相关文章

跳表的C语言实现

跳表&#xff08;Skip List&#xff09;是一种基于链表的动态数据结构&#xff0c;用于实现高效的查找、插入和删除操作。它通过引入多级索引来加速查找过程&#xff0c;类似于多级索引的有序链表。跳表的平均时间复杂度为 O(logn)&#xff0c;在某些场景下可以替代平衡树。 以…

前端【技术方案】重构项目

1. 明确重构目标 优化性能 减少页面加载时间降低资源占用 提升代码可维护性 更规范的代码风格更清晰的代码结构更明确的模块设计 扩展功能 为项目添加新功能改进现有功能 2. 评估项目现状 审查代码 全面检查现有代码&#xff0c;找出代码中的问题&#xff0c;如代码冗余、耦合…

WPF 中为 Grid 设置背景图片全解析

WPF 中为 Grid 设置背景图片全解析 在 WPF&#xff08;Windows Presentation Foundation&#xff09;开发中&#xff0c;界面的美观度是吸引用户的重要因素之一。而添加背景图片是提升界面视觉效果的常见手段。今天&#xff0c;我们就来深入探讨在 WPF 里如何为 Grid 设置背景…

kubelet 中pleg 是用来解决什么问题?

在 Kubernetes 中&#xff0c;PLEG&#xff08;Pod Lifecycle Event Generator&#xff09;是 kubelet 中的一个重要组件&#xff0c;用于检测和报告 Pod 生命周期中的事件。PLEG 的主要作用是解决 kubelet 在管理和监控 Pod 生命周期过程中遇到的效率和准确性问题。 1. 背景&…

计算机毕业设计Tensorflow+LSTM空气质量监测及预测系统 天气预测系统 Spark Hadoop 深度学习 机器学习 人工智能

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…

【kafka系列】At Least Once语义

目录 1. At-Least-Once语义的定义 2. Kafka实现At-Least-Once的机制 2.1 生产者端 2.2 消费者端 3. At-Least-Once示例 场景描述 3.1 生产者代码&#xff08;可能重复发送&#xff09; 3.2 消费者代码&#xff08;可能重复处理&#xff09; 4. 典型重复场景分析 场景1…

ubuntu安装docker 无法拉取问题

sudo docker run hello-world [sudo] ubuntu 的密码&#xff1a; Unable to find image hello-world:latest locally docker: Error response from daemon: Get "https://registry-1.docker.io/v2/": context deadline exceeded (Client.Timeout exceeded while awai…

增发股票(Seasoned Equity Offering, SEO):企业融资的关键方式(中英双语)

增发股票&#xff1a;企业融资的关键方式 引言 在资本市场中&#xff0c;增发股票&#xff08;Seasoned Equity Offering, SEO&#xff09;是企业通过发行新股票来筹集资金的一种方式。它不仅影响公司的财务状况&#xff0c;也直接影响股东权益、股价走势和市场流动性。 &am…