当前位置： 首页 > article >正文

tabBar设置底部菜单选项以及iconfont图标

article 2024/9/21 5:33:42

tabBartabBar属性:设置底部 tab 的表现

​

​

​

​

首先在pages.json页面写一个tabBar对象,里面放入list对象数组,里面至少要有2个、最多5个 tab,

如果只有一个tab的话,H5(浏览器)依然可以显示底部有一个导航栏,如果没有,需要重启后才有,小程序则报错,只有2个以上才可以启动

可以在list属性外面加文字颜色(color)和文字选中时的颜色(selectedColor)的属性

在list属性里面加了3个以上的tab时,可以在3个页面之间相互切换,做到页面切换效果

加position属性中的top,可以把导航栏放到上面,不过只支持小程序

还可以加图标,在list属性里加iconPath属性,引入图标地址,而后就可以显示了


http://www.kler.cn/news/294544.html

相关文章：

  • Java学习第七天
  • 【功能实现】如何实现点击后跳转到顶部？？
  • 57-java csrf防御方案
  • 【Redis】Redis 集群搭建与管理: 原理、实现与操作
  • vue项目打包后，生成的index.html直接本地打开后没内容
  • Web：攻防世界unseping
  • 11Python的Pandas：可视化
  • Element Plus（Vue 3 版本）来实现图片轮播
  • P01-Java何谓数组
  • sheng的学习笔记-AI-概率图，隐马尔可夫HMM，马尔可夫随机场MRF，条件随机场CRF
  • 尝试用java spring boot+VUE3实现前后端分离部署（8/31）
  • 时间段切块算法
  • Flask中 blinker 是什么
  • 【Spring基础1】- Spring 启示录-理解IoC控制反转
  • 电脑删除的Word文件怎么恢复？快速恢复技巧分享
  • C++入门基础
  • Mail PHP: 如何设置SMTP服务器以发送邮件？
  • Vue 3结合Element Plus中，实现一个级联选择器（Cascader）来展示省市区
  • CSS解析:定位和层叠上下文
  • Elasticsearch 向量数据库本地部署 及操作方法
  • Learn ComputeShader 09 Night version lenses
  • 如何使用Prometheus与Grafana监控Kubernetes集群
  • 图论基础1
  • 重启顺风车的背后，是高德难掩的“野心”
  • 高分辨率音频和传统音频区别
  • 学习笔记--Docker
  • 【机器学习】朴素贝叶斯网络的基本概念以及朴素贝叶斯网络在python中的实例
  • 【SpringBoot】使用Nacos服务注册发现与配置管理
  • 主板选购2
  • 【C/C++】Linux\Windows为什么频繁使用size_t