tabbar

taro开发钉钉小程序，打包后真机测试tabbar丢失解决方案，以及在小程序上使用路由守卫

今天搞定taro编译钉钉小程序真机测试时底部tabbar丢失问题，分享一下解决方案。
Miong学不会前端·2025-06-28 21:04

微信小程序 iPhoneX底部安全区域（底部小黑条）适配

先看图：借用一下网上的图，来详细解释下：自定义tabbar，代码实现tabbar采用定位，使用top值来决定tabbar显示onLoad:function(){varstatusH=wx.getSystemInfoSync
thingir·2025-06-27 18:32

002微信小程序模板与配置

WXML模版语法1.1数据绑定1.2事件绑定1.3条件渲染1.4列表渲染2.WXSS模版样式2.1WXSS和CSS的关系2.2rpx2.3样式导入2.4全局样式和局部样式3.全局配置3.1Window3.2tabBar1
莫魂魂·2025-06-18 19:07

uniapp h5的底部高度问题

当你的H5tabbar页面只想配置100vh时，那么页面就会出现滚动条https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-%E5%8F%98%
走，带你去玩·2025-06-17 05:15

微信小程序常用配置详解

本文将详细介绍这两种配置方式，并重点讲解tabBar的使用。1.全局配置全局配置文件是小程序的入口文件，通常命名为app.json。
少年张二狗·2025-06-15 03:44

uniapp tabBar 中设置“custom“: true 在H5和app中无效解决办法

uniapp小程序自定义底部tabbar，但是在转成H5和app时发现"custom":true无效，原生tabbar会显示出来解决办法如下在tabbar的list中设置“visible”:false代码如下
小离a_a·2025-06-13 20:16

微信小程序之底部导航栏——tabBar

原文：https://blog.csdn.net/champion0324/article/details/78070468微信的开发文档里有，很多人也写了，自己写一遍，加深印象罢！在学习Android的时候，被模仿一个app的界面，实现其UI。而一般来说，总是避免不了导航栏的。比较大众化的，就是底部导航栏啦，而实现的方式也是非常的多，如：Fragment+ViewPageOr来一个RadioGr
小猴紫啊·2025-06-10 14:28

前端小程序面试真题

内部主要是微信自己定义的一套组件WXSS(WeiXinStyleSheets)是一套样式语言，用于描述WXML的组件样式js逻辑处理，网络请求json小程序设置，如页面注册，页面标题及tabBar主要文
·2025-06-10 07:46

微信小程序使用NutUI-React组件

在搭建微信小程序项目过程中，使用NutUI组件库时，如果使用其TabBar组件作为自定义的TabBar会有一些小问题，感觉其框架还没有很成熟，所以没有使用，直接使用的微信小程序的默认TabBar除此之外
蓝婷儿·2025-06-09 09:42

Uni-app原生Tabbar使用多语言设置

Uni-app原生Tabbar使用多语言设置第一步：app.vueimport{useStore,i18n,storage}from".
Jinxiansen0211·2025-06-06 02:37

云开发实现新闻列表小程序

新闻列表小程序需要两个页面即新闻列表页及新闻发布页，这两个页面需要以tabBar的形式展示，单击tab图标可以进行页面相互切换。
轩115·2025-06-05 01:43

解决Vue3+uni-app导航栏高亮自动同步方案

路由跳转自动识别导航高亮实现方法以下代码使用wd-tabbar组件实现路由跳转时自动同步导航栏高亮状态，适用于所有的Vue3+uni-app项目。
一条小仔仔·2025-06-04 12:28

uni-app学习笔记十九--pages.json全局样式globalStyle设置

pages.json页面路由pages.json文件用来对uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。
moxiaoran5753·2025-06-02 17:10

PyQt6/PySide6 的 QtabWidget类

1.基本概念QTabWidget是一个容器控件，它由以下几个部分组成：TabBar（标
燃灯工作室·2025-05-31 20:52

鸿蒙仓颉开发语言实战教程：自定义tabbar

大家周末好呀，今天继续分享仓颉语言开发商城应用的实战教程，今天要做的是tabbar。大家都知道ArkTs有Tabs和TabContent容器，能够实现上图的样式，满足基本的使用需求。
幽蓝计划·2025-05-30 12:31

鸿蒙仓颉开发语言实战教程：自定义组件

本文案例就以上一篇文章中的自定义tabbar为例，因为我们自己开发的tabbar一直放在index.cj文件中总是不太好的，还是要把它拿出来封装一下。
幽蓝计划·2025-05-28 10:29

鸿蒙仓颉开发语言实战教程：自定义组件

本文案例就以上一篇文章中的自定义tabbar为例，因为我们自己开发的tabbar一直放在index.cj文件中总是不太好的，还是要把它拿出来封装一下。
·2025-05-27 18:57

uniapp隐私协议组件

这里用到了uv-ui的组件：uv-popup组件弹出时，隐藏底部tabbar，组件关闭时，底部tabbat显示用户隐私协议这里配置可跳转页面点击允许时获取用户手机号，并通过getPhoneNumber事件向外传递参数为给你提供更好的服务允许我们在必要场景下
·2025-05-22 14:08

Uniapp开发总结

一、tabBar如果应用是一个多tab应用，可以通过tabBar配置项指定一级导航栏，以及tab切换时显示的对应页。
duansamve·2025-05-22 04:41

解决小程序tabbar点击切换不触发onload

//该方法可解决小程序tabbar点击切换不触发生命周期钩子onTabItemTap(e){console.log(e)//当前tabbar信息//ajax拉去数据}
制冷男孩·2025-05-20 03:56

uniapp动态设置tabbar

介绍在uniapp的程序生命周期中使用uni.setTabBarItem动态设置tabBar某一项的内容官方文档：https://uniapp.dcloud.net.cn/api/ui/tabbar.html
·2025-05-19 23:20

uniapp学习笔记cc

uniapp学习配置跳转路由数据缓存发起请求地图配置pages.json文件用来对uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。
cccc0906·2025-05-19 08:18

鸿蒙开发中 Navigation组件 自定义导航栏

效果展示1.首先定义导航栏所需要的数据@StatetabBarInformation:TabBarInformation[]=[{text:'工作区',imgUrl:$r('app.media.work_b
小硕ikeu·2025-05-16 23:16

duxapp 2025-01-13 更新 支持小程序配置文件

会自动合并到小程序的配置文件中用这个可以给每个项目指定自己的appid，不然每次编译不同的项目都要手动修改APPID基础库修复H5端Swpier无法切换到第一个不触发change事件的bugUI库修复TabBar
少恭写代码·2025-05-16 12:25

微信小程序学习之底部导航栏

category","pages/cart/cart","pages/user/user"],其次我们把8张图片放到imaes文件夹下，图标可以去https://www.iconfont.cn/下载然后添加tabBar
小新110·2025-05-14 20:40

动态tabbar后的tabbar高度获取

用于做底部悬浮定位，悬浮在tabbar上在设置tabbar的组件中获取，利用组件生命周期，获取tabbar高度，将高度存到本地，用于全局获取attached(){letquery=wx.createSelectorQuery
·2025-05-14 12:21

Vue 组件封装

components目录，views目录中放页面级的组件，common目录中放公共组件（如：head（公共头组件），foot（公共底部组件）等），components目录中放功能组件（如：swiper(轮播功能组件)，tabbar
୧(不負眾望)૭·2025-05-13 14:24

Vant Weapp Tabbar标签栏配置 小程序

VantWeappTabbar标签栏配置正文独特的引入VantWeapp的Tabbar标签栏的引入实际上不是从VantWeapp文档开始,而是从微信小程序文档中,自定义tabBar页面开始.微信小程序文档部分我们首先按照微信小程序文档中自定义
zeroporn·2025-05-10 09:27

Flutter之TabBar篇

Flutter中实现多种TabBar样式的实践指南在移动应用开发中，TabBar是一个常见的UI组件，它可以帮助用户在不同内容区域之间快速切换。
2501_91600889·2025-05-07 21:32

uni-app从入门到精通

HbuilderX初始化项目0|4运行项目0|5介绍项目目录和文件作用1|0全局配置和页面配置1|1通过globalStyle进行全局配置1|2创建新的message页面1|3通过pages来配置页面1|4配置tabbar1
KKKL518·2025-05-06 12:06

uniapp开发09-设置一个tabbar底部导航栏且配置icon图标

uniapp开发09-设置一个tabbar底部导航栏且配置icon图标！在实际项目开发中，经常会遇到需要设置icon图标的情况，而且底部导航通常都是有固定位置且内容不会轻易发生变化的。
yrldjsbk·2025-05-06 11:02

uniapp动态设置tabbar

1、将所有需要的tabbar配置在pages.json里"tabBar":{"color":"#BEC0C3","selectedColor":"#00A29C","borderStyle":"#EEEEEE
温瞳@nan·2025-05-05 11:25

Uniapp：设置TabBar

目录一、setTabBarBadge：增加文本二、removeTabBarBadge：移除文本三、showTabBarRedDot：显示红点四、hideTabBarRedDot：隐藏红点一、setTabBarBadge
Monly21·2025-05-05 11:22

taro小程序直播

1.获取直播数据接口文档暂不整理2.后台配置文件：此配置项在app.config.js内配置与tabBar同级"plugins":{"live-player-plugin":{"version":"1.0.0
Cecilyya·2025-05-03 16:14

uniapp跨平台开发---switchTab:fail page `/undefined` is not found

问题描述在项目中新增了一个底部tab导航栏,点击底部tabBar,跳转失败,控制台打印错误信息switchTab:failpage`/undefined`isnotfound排查思路错误信息提示,switchTab
前端无涯·2025-04-29 22:16

uniapp常用配置

底部导航配置"tabBar":{"fontSize":"","color":"","selectedColor":"","borderStyle":"","backgroundColor":"","list
闷墩儿这只小猫咪·2025-04-29 22:15

uniapp跨平台开发---动态控制底部切换显示

业务需求不同用户或者应用场景,底部tab展示不同的内容,针对活动用户额外增加底部tab选项活动用户非活动用户实现思路首先在tabbarlist中增加中间活动tab的路径代码,设置visible:false
前端无涯·2025-04-29 22:42

微信小程序 tabbar底部导航栏

官方文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar一、常规菜单格式在
Maitians·2025-04-29 15:50

uniapp app 解决tabbar左侧滑动返回上个页面

fm:需求就是打包成app的时候tabbar页面左侧滑动的话就会提示再滑一次就退出应用我需要做的就是不退出页面跳转到或者说返回到上级页面个人需求可以整体的去配置也可以单页面配置单页面配置//左侧返回上一页
张帅涛_666·2025-04-29 03:21

uniapp 封装自定义tabbar

uniapp封装自定义tabbar开发框架：uView2.x根据后端动态控制tabbar的显示隐藏注意：安装uViewUI。并且按照官网配置一下。
Salute.Y·2025-04-28 03:21

uniapp自定义tabbar组件使用总结

大家好，我是兔兔，今天来给大家分享关于图鸟UI中tabbar的基本用法。
歌未歌·2025-04-28 03:50

Uniapp自定义TabBar组件全封装实践与疑难问题解决方案

前言在当前公司小程序项目中，我们遇到了一个具有挑战性的需求：根据不同用户身份动态展示差异化的底部导航栏（TabBar）。这种多角色场景下的UI适配需求，在提升用户体验和实现精细化运营方面具有重要意义。
even_know·2025-04-28 03:49

ReactNative进阶（十五）：应用 react-native-tab-navigator 实现底部导航栏_react native配置底部菜单栏

sceneStyle：场景样式，即Tab页容器的样式，可按View的style设置；tabBarStyle：TabBar的样式，基本也可按照普通的style写法进行设置；tabBarShadowStyle
2301_82243603·2025-04-24 19:26

【微信小程序前端开发】入门Day03 —— 页面导航、事件、生命周期、WXS 脚本及自定义组件

导航到消息页面导航到info页面返回上一页跳转到tabBar页面：需指定url属性（以/开头）和open-type="switchTab"。
计时开始不睡觉·2025-04-22 00:16

小程序页面传值的多种方式

1使用wx.navigateTo()传值这种传值方式有两种，url后面拼接传值：需要跳转的应用内非tabBar的页面的路径(代码包路径),路径后可以带参数。参数与路径之间使用?
~风清扬~·2025-04-18 21:30

uniapp 自定义tabbar

v3写法首页广场店铺{{2}}消息-->我的importtoolsfrom"@/tools/index.js"importpublicfunfrom'@/tools/utils/public.js'importconfigfrom"@/tools/config.js"import{reactive,computed,watch,nextTick,getCurrentInstance}from'vu
竣子好逑·2025-04-16 22:47

多种详细讲解小程序页面传值

1使用wx.navigateTo()传值这种传值方式有两种，url后面拼接传值：需要跳转的应用内非tabBar的页面的路径(代码包路径),路径后可以带参数。参数与路径之间使用?
NMGWAP·2025-04-16 03:14

`QTabWidget` 的标签页头设置样式，可以通过在 QSS 文件中定义 `QTabBar::tab` 的样式

要为`QTabWidget`的标签页头设置样式，可以通过在QSS文件中定义`QTabBar::tab`的样式来实现。
可可乐不加冰·2025-04-08 07:43

微信小程序自定义Tabbar

官方文档：自定义tabBar基础配置首先需要在app.json中设置自定义tabbar然后在项目根目录新建custom-tab-bar文件夹，以组件的形式在该文件夹下新建文件，文件名index在app.json
·2025-04-03 18:46

uniapp用法--uni.navigateTo 使用与参数携带的方式示例（包含复杂类型参数）

一、基本用法‌功能特性‌保留当前页面，将新页面推入导航栈顶部（适用于非tabBar页面跳转）‌。可通过uni.navigateBack返回原页面‌34。‌
碧海饮冰·2025-03-29 07:21
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他