TabBar

uniapp微信小程序vue3自定义tabbar

在App.vue隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue
HerayChen·2025-03-07 22:07

【HarmonyOS NEXT】自定义Tabs使其中间项突出显示

【问题描述】要求中间的tabBar突出到内容处【效果图】【解决思路】使用Stack让中间项有能力突破tabBar区域使用Canvas绘制曲线【核心代码】@Entry@ComponentstructBuilderModifierCase
9级浪·2025-03-05 17:19

【HarmonyOS NEXT】自定义Tabs使其中间项突出显示2

【问题描述】要求中间的tabBar突出到内容处【上一版本】【HarmonyOSNEXT】自定义Tabs使其中间项突出显示，这个版本是我根据自己的当时的想法实现的，使用了Stack、Canvas实组件，虽然功能实现了
9级浪·2025-03-05 17:19

HarmonyOS NEXT开发：自定义TabBar页签案例

介绍本示例主要介绍了TabBar中间页面如何实现有一圈圆弧外轮廓以及TabBar页签被点击之后会改变图标显示，并有一小段动画效果。
「已注销」·2025-03-05 16:35

uniapp框架基础，一文搞定uniapp（全集）

UNI-App框架基础部分文章目录一、全局配置和页面配置1.globalStyle全局外观配置2.page配置3.tabbar配置4.condition启动模式配置二、组件的基本使用1.text组件文本组件
都叫我闫工·2025-03-01 03:17

实现中间凸起导航鸿蒙示例代码

介绍本示例实现点击底部TabBar切换展示页面，同时会有选中的图标变化动效，中间凸起的底部导航。实现中间凸起导航源码链接效果预览使用说明点击切换导航，选中后展示不同特效。
·2025-02-28 20:33

微信小程序 - 导航栏（TabBar）实现（原生实现、Vant Weapp 实现）

tabBar":{"color":"#999999","selectedColor":"#3D98FF","backgroundColor":"#ffffff","borderStyle":"black
我命由我12345·2025-02-27 18:29

Qt的QTabWidget样式设置

1.基本样式设置tab_widget.setStyleSheet("""QTabWidget::pane{border:1pxsolid#ccc;background-color:#f0f0f0;}QTabBar
水瓶丫头站住·2025-02-22 23:06

微信小程序如何跳转到tabBar页面、如何携带参数过去

wx.navigateTo、wx.redirectTo方法跳转页面问题解决：1、wx.switchTab(Objectobject)2、wx.reLaunch(Objectobject)二、不能用常规的方式给tabBar
前端三评·2025-02-22 14:25

uni-app——uniapp 自定义 tabbar 的使用

pages.json文件{"tabBar":{"color":"#7A7E83","selectedColor":"#1677FF","borderStyle":
dbt@L·2025-02-22 10:18

uni-app菜单tabbar（十四）

tabbar如果应用是一个多tab应用，可以通过tabBar配置项指定一级导航栏，以及tab切换时显示的对应页。
A_nanda·2025-02-22 09:40

Qt QTabWidget 总结

组成：标签栏（QTabBar）：显示标签标题、图标，支持交互（点击、关闭按钮等）。页面区域：显示当前选中标签页的内容。
enyp80·2025-02-21 02:25

uniapp跳转页面有几种方法？

但是不能跳到带有tabBar的页面。注意事项：使用uni.navigateTo跳转时，可以携带参数。但是需要注意，当使用uni.navigateBack返回时
豆豆（前端开发+ui设计）·2025-02-17 12:06

微信小程序 navigator 和 wx.navigateTo不跳转问题

这个问题可能是很多新手会遇到的问题，有经验的人一眼就能看出问题了1、先确保app.js已经注册了页面路径2、索要跳转的页面不是tabBar,tabBar也可以设置open-type="switchTab
**Dragon**·2025-02-15 04:53

【微信小程序】3种妙招轻松解决微信小程序tabBar传参难题

超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣3种妙招轻松解决微信小程序tabBar传参难题！引言亲爱的小伙伴们，大家好！
墨瑾轩·2025-02-14 22:10

微信小程序自定义tabbar跳转出错

这是正常情况不正常情况是点击几次tabbar之后页面会错乱，导致图标显示和内容不一致，但是点击换页没有问题解决办法：在显示页的onshow函数中添加如下代码if(typeofthis.getTabBar
crack_ff·2025-02-14 21:30

【微信小程序】常见问题-解决tabBar不能传参的问题

微信小程序的底部tabBar页面跳转时，使用wx.switchTab方法无法直接传递参数。这是因为wx.switchTab方法的url参数不允许带有查询字符串。
墨夶·2025-02-14 21:59

微信小程序自定义tabbar，跳转tabbar后页面加载路径不正确

我设置小程序自定义tabbar是两种角色，分两个菜单。
darling HQ·2025-02-14 21:27

swift-映射添加控制器

在使用swift中tabbarcontroller的时候，使用映射去添加。
Johnny Tong·2025-02-14 15:43

vant tabbar底部导航的使用

新建home.js{{item.title}}exportdefault{name:"home",data(){return{active:0,
vivk2017·2025-02-13 15:08

vant4组件库van-tabbar底部栏使用

在van-tabbar-item标签属性to值为要跳转的路由，增加图标使用命名插槽#icon，当点击是获取插槽active的值，当点击这个选择时获取active是true，相反不点击时是false，根据
LiliRush·2025-02-13 14:04

微信小程序 全局配置 - tabBar

tabBar是移动端应用常见的页面效果，用于实现多页面的快速切换。
路过的假面骑士dcd·2025-02-12 10:05

uniapp学习-路由跳转方式

关闭当前页面，跳转到其他页面）switchTab（适用于底部导航栏之间的跳转，或者跳转到底部导航栏）location.href（跳转到外部链接）注意：navigateTo，redirectTo只能打开非tabBar
iiiiis泡面·2025-02-08 22:25

小程序自定义Tabbar控制Tabbar的数量

1、app.json文件配置配置tabbar文件和vant-weapp组件的引用"tabBar":{"custom":true,//一定要加上这句话"color":"#989898","selectedColor
海阔天空6688·2025-02-06 22:57

uniapp - [全端兼容] 高性能 tabbar 底部菜单凸起效果，原生系统自定义底部菜单不卡顿、切换页面不闪烁、自动缓存页面（底部菜单中间自定义一个图片并悬浮起来）

前言网上有很多自定义tabbar底部菜单的教程，但终归是组件形式，避免不了切换页面卡顿、闪屏闪烁、各平台不兼容等一系列问题。
王二红·2025-02-06 22:26

uniapp 底部菜单_uniapp 实现底部导航栏 - tabBar的使用方法

开发环境：HbuilderXtabBar参数说明color：导航栏字体颜色selectedColor：选中后字体的颜色backgroundColor：底部背景颜色borderStyle：底部的border
解压猫咖研究所·2025-01-29 08:03

uni-app 实现自定义底部导航

原博：https://juejin.cn/post/7365533404790341651在开发微信小程序，通常会使用uniapp自带的tabBar实现底部图标和导航，但现实有少量应用使用uniapp自带的
蜕变菜鸟·2025-01-29 08:57

uniapp --- 配置文件

目录一.pages.json文件：1.组件自动导入规则（easycom）：2.页面配置（pages）：3.全局样式（globalStyle）：4.底部TabBar配置（tabBar）：二.manifest.json
记得开心一点嘛·2025-01-29 07:53

.NET MAUI进行UDP通信（二）

上篇文章有写过一个简单的demo，本次对项目进行进一步的扩展，添加tabbar功能。
聿琴丶·2025-01-28 21:53

微信小程序中常见的 跳转方式 及其特点的表格总结（wx.navigateTo 适合需要返回上一页的场景）

其他跳转方式的使用频率总结以下是微信小程序中常见的跳转方式及其特点的表格总结：跳转方式API方法特点适用场景wx.navigateTowx.navigateTo({url:'路径'})保留当前页面，跳转到新页面（非tabBar
小丁学Java·2025-01-26 13:48

Flutter开篇封装TabBar

小萌是从事iOS开发的，最近flutter火的不行，领导要求新的项目使用flutter，节约时间成本，学了一段时间的flutter，从今天开始正式开始Flutter开发新的项目开篇就是创建项目，搭建基本框架，tabbar
天方夜歌·2025-01-24 11:46

Flutter：APP底部tabbar搭建

main.dartimport'package:flutter/material.dart';import'package:weixin_demo/root_page.dart';voidmain(){runApp(constApp());}classAppextendsStatelessWidget{constApp({super.key});@overrideWidgetbuild(Build
sunly_·2025-01-24 10:44

uniapp设计H5 tabbar会遮挡内容区的解决办法

uniapp设计H5tabbar会遮挡内容区的解决办法1.现象底部tabbar会遮挡内容区最底部的文字2.解决方法—css中增加个padding-bottom:var(–window-bottom)这样就是好了官方依据官方文档链接
qq_39016177·2024-09-14 20:37

uniapp+uview-plus实现微信小程序自定义tabbar

参考文档微信小程序相关开发文档链接：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html
yx_back·2024-09-14 18:58

uniapp对tabbar封装，简单好用

第一种，效果展示上代码，新建一个公用组件，tabbar.vue微信通讯录发现-->{{num}}发现我的exportdefault{name:"tabbar",data(){return{num:2,value
爱吃玉米的螃蟹·2024-09-13 10:34

【Uniapp】前端面试题

3.Uniapp的tabbar自定义，怎么实现突起home标？
菜鸟una·2024-09-10 05:19

微信小程序uniappvue3版本-控制tabbar某一个的显示与隐藏

1.首先在pages.json中配置tabbar信息2.在代码根目录下添加tabBar代码文件直接把微信小程序文档里面的四个文件复制到自己项目中就可以了3.根据自己的需求更改index.js文件首先我这里需要判断什么时候隐藏某一个元素
牛奶皮子·2024-09-08 07:23

2024年1月19日

1获取tabBar的高度在微信小程序中，获取tabBar（微信小程序底部的导航栏）高度可以通过小程序提供的APIwx.getSystemInfoSync()来完成。
爱猪头的程序猿·2024-09-03 22:51

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI
奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon
2401_84182793·2024-09-01 20:15

Vue使用插槽封装tabbar 和使用router-view

tabbar的封装思路tabbar1、定义tabbar组件2、定义tabbar-item组件定义tabbar组件思路：使用插槽exportdefault{name:'TabBar'}#tabbar{display
senda66·2024-08-31 22:00

鸿蒙（ Beta5.0版）开发实战：自定义TabBar页签

介绍本示例主要介绍了TabBar中间页面如何实现有一圈圆弧外轮廓以及TabBar页签被点击之后会改变图标显示，并有一小段动画效果。
让开，我要吃人了·2024-08-31 09:29

鸿蒙HarmonyOS NEXT实战开发：自定义TabBar页签实现案例

介绍本示例主要介绍了TabBar中间页面如何实现有一圈圆弧外轮廓以及TabBar页签被点击之后会改变图标显示，并有一小段动画效果。
前端_王华QAQ·2024-08-31 07:45

微信小程序：自定义 tabBar 效果

自定义tabBar效果自定义tabBar在app.json中的tabBar里设置custom为true就可以关闭原生tabBar。开启自定义tabBar原生的tabBar内容不删除，兼容低版本。
孤安先生·2024-08-31 07:14

HarmonyOS应用开发实战-自定义TabBar,并添加动画效果

鸿蒙项目开发中，主界面中都会有TabBar，普通的TabBar大家都会使用了，今天来聊聊异于普通样式的TabBar，并添加一些动画效果，更加的美观。
成功之路必定艰辛·2024-08-31 07:13

uniapp中使用弹出框控制Tab栏区域显示与隐藏

在uniapp中提供控制TabBar的显示与隐藏的函数uni.hideTabBar()与uni.showTabBar()立即接单constisshow=ref(false)//控制弹出框的显示与隐藏//
Bunury·2024-08-30 19:27

uniapp微信小程序分包

所谓的主包，即放置默认启动页面/TabBar页面，以及一些所有分包都需用到公共资源/JS脚本；而分包则是根据开发者的配置进行划分。
Guug·2024-08-30 08:09

ios设置tabbar背景颜色_UITabBarController、TabBar背景颜色设置、TabBarItem颜色处理

在iOS的开发过程中我们使用最多的框架结构估计就是UITabBarController+UINavigationController架构了，然而在开发过程中，对于许多初学者，甚至对于许多有半年多开发经验的
weixin_39837352·2024-08-29 09:43

自定义tabbar跳转防止页面抖动(uniapp案例,也适用所有前端项目)

自定义tabbar思路就是自己写个tabbar组件引入到tabbar页面内,使每个页面显示也会有这个组件显示,但是这样的话,每次点击由于tabbar是作为页面组件使用的,会跟着组件的渲染和销毁一起执行,
萧寂173·2024-08-27 05:29

RN开发中遇到的坑 - Can't find variable: navigate

errorclassloginViewextendsComponent{staticnavigationOptions={tabBarVisible:false,//隐藏底部导航栏header:null
heyrenly·2024-08-25 22:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他