站在云边看月亮 2023-03-22 11:27 采纳率: 0%
浏览 35

如何实现微信小程序顶部和底部都有导航栏？

请问大家，怎么实现在微信小程序上有这种上面有导航栏，下面也有导航栏的效果呢？可以在底部的是App.json上加了tarBar的，那顶部如何实现？在这个home中再添加tarBar吗？

img

  • 写回答

3条回答 默认 最新

  • 发狂精灵 2023-03-22 11:35
    关注

    这种属性自己封装的tab栏

    评论 编辑记录

报告相同问题？

  • 微信小程序顶部导航栏可滑动并选中放大
    2020-10-15 22:06
    微信小程序顶部导航栏可滑动并选中放大的知识点涉及了微信小程序前端开发中的几个关键技术点，包括wxss样式设计、wxml结构编写以及js逻辑处理。 首先，关于顶部导航栏的设计，使用了微信小程序组件库中的`...
  • 微信小程序-页面配置-顶部导航栏背景色渐变
    2019-11-29 10:44
    本主题主要聚焦于“微信小程序-页面配置-顶部导航栏背景色渐变”，旨在实现自定义tabBar页面的顶部导航栏，同时确保该导航栏与其它tabBar页面的导航栏风格保持一致，特别是导航栏标题的文字排版。 微信小程序提供了...
  • 微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
    2020-10-16 11:32
    从标题“微信小程序tab切换可滑动切换导航栏跟随滚动实现代码”和描述中可以看出，本篇内容主要涉及到微信小程序Tab切换以及导航栏的滑动功能。而这些功能的实现代码，对于希望优化用户体验，特别是针对商城类小程序...
  • 微信小程序教程系列之设置标题栏和导航栏（7）
    2020-11-28 20:00
    微信小程序标题栏和导航栏的设置方法，具体内容如下 设置标题栏 标题栏window 在app.json文件里面，通过window对象里面的属性进行设置 示例： app.json： 运行： 设置导航栏 导航栏TabBar 如果我们的小程序是一...
  • 微信小程序中顶部导航栏的实现代码
    2020-08-30 23:21
    综上所述，这个微信小程序的顶部导航栏实现利用了`<view>`组件的布局和样式特性，结合事件监听和数据绑定，实现了自定义的导航栏功能。开发者可以根据实际需求调整样式、添加更多选项，或者集成其他交互效果。
  • 微信小程序顶部导航栏滑动tab效果
    2020-10-17 11:28
    本文将详细介绍如何在微信小程序中实现顶部导航栏滑动Tab效果，并提供相关代码示例以供参考。 首先，我们需要使用微信小程序的`<scroll-view>`组件来创建可滚动的视图区域，其`scroll-x`属性设置为`true`可以实现...
  • 微信小程序实现顶部下拉菜单栏
    2020-10-17 19:02
    总结来说，微信小程序实现顶部下拉菜单栏需要结合使用 WXML、WXSS 和 JavaScript，其中 WXML 负责结构布局，WXSS 负责样式设置，JavaScript 负责逻辑处理。通过监听用户的下拉操作、更新数据以及重新渲染页面来实现...
  • 微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
    2020-10-17 00:29
    ### 微信小程序顶部TabBar的功能实现 顶部TabBar的核心功能是页面切换，这通常会结合`swiper`组件来实现。`swiper`组件允许开发者创建滑动的轮播视图，通过定义多个`swiper-item`来承载各个页面的内容。`swiper`的`...
  • 微信小程序自定义导航栏实例代码
    2020-10-17 05:31
    微信小程序自定义导航栏是微信小程序中一个重要的功能，它可以帮助开发者实现更加灵活和...通过示例代码，开发者可以学习和掌握微信小程序自定义导航栏的设计和实现，以满足不同场景下的页面导航需求，提升用户体验。
  • 微信小程序开发，实现底部导航栏
    2024-08-21 15:29
    浩宇软件开发的博客 tabBar如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。属性类型必填默认值描述最低版本colorHexColor是...
  • 没有解决我的问题, 去提问

问题事件

  • 创建了问题 3月22日