微信小程序 tabBar 的用法

本文详细介绍了小程序中TabBar的配置项,包括pagePath、text、iconPath和selectedIconPath等属性的用法。pagePath指定页面路径,text定义显示文字,iconPath设置未选中状态的图标,而selectedIconPath则是选中状态的图标。配置完成后,mimg文件夹中的图标资源需放置在与pages同级目录下。
摘要由CSDN通过智能技术生成

“tabBar”: {
“list”: [{
“pagePath”: “pages/index/index”,
“text”: “首页”,
“iconPath”: “mimg/_hom.png”,
“selectedIconPath”: “mimg/hom.png”
},
{
“pagePath”: “pages/img/img”,
“text”: “图片”,
“iconPath”: “mimg/_hom.png”,
“selectedIconPath”: “mimg/img.png”
}
]

在这里插入图片描述
这个就是代码的呈现
"pagePath"属性是页面的地址,页面的地址粘贴进去即可。
“text”:属性,就是图标下面的字。
"iconPath"属性,点击前的图标样式,
selectedIconPathsh 属性 点击后的图标

mimg/img.png
这个mimg文件夹是放在和pages文件夹同等级根目录即可

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值