TabBar

实现书籍类应用框架鸿蒙示例代码

实现书籍类应用框架源码链接效果预览使用说明进入应用，点击下方的tabBar可浏览不同的模块，其中一些功能未开发，只是作为页面布局展示。实现思路根据行业应用的功能，按照高内聚，低耦合的原则，常见应用
·2025-03-14 00:07

微信小程序笔记 全局配置 pages、window、tabBar

三、tabBartabBar的部分属性如下：注意，如果tabBar的list中如果没有路径"pages/index/index"，则
炼丹的蜗牛@/"·2025-03-13 08:58

微信小程序之创建底部菜单栏（新手学习）

上一篇文章创建新项目后，点击进入项目，可以看到目录结构：pages:页面路径列表window：默认窗口表现tabBar：底部tab栏点击进入app.json,{   "pages":[     "pages
我的星系·2025-03-13 08:54

微信小程序教程012：全局配置：tabBar

文章目录2、tabBar2.1什么是tabBar2.2tabBar的6个组成部分2.3tabBar的节点配置项2.4每个tab项的配置选项2、tabBar2.1什么是tabBartabBar是移动端应用常见的页面效果
叁拾舞·2025-03-13 07:51

[ app.json 文件内容错误] app.json: [“tabBar“][1][“pagePath“]: “pages/classify/classify“ need in [“pages“]

示例文档uni-app官网•全局文件•pages.json页面路由•pageshttps://uniapp.dcloud.net.cn/collocation/pages#pages思路根据提示（["tabBar
云海洋和天·2025-03-13 07:20

【开源精选】《前端铺子》：打造你的全能型小程序开发助手

【开源精选】《前端铺子》：打造你的全能型小程序开发助手qdpz-uniapp项目基于vue-uniapp，使用colorUi与uView框架，完美支持微信小程序，包含功能：自定义TabBar与顶部、地图轨迹回放
平淮齐Percy·2025-03-11 02:39

【微信小程序 onTabItemTap：精准监听 TabBar 点击事件】

onTabItemTap是微信小程序中的一个页面生命周期函数，用于监听用户点击TabBar上的某个项时的事件。
内向的小农·2025-03-10 21:02

HarmonyOS NEXT开发实战：自定义TabBar案列

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

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他