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

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

article 2024/11/14 14:39:59

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/a/294544.html

相关文章：

  • 软件工程概论项目(二)，node.js的配置，npm的使用与vue的安装
  • 94个属于一区且接受医工交叉领域投稿的期刊汇总｜个人观点·24-11-13
  • 冗余连接2 hard题 代随C#写法
  • Web安全之SQL注入---基础
  • vue2或vue3的name属性有什么作用？
  • 使用支付宝沙箱完成商品下单
  • 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 向量数据库本地部署 及操作方法