没有合适的资源?快使用搜索试试~ 我知道了~
微信小程序官方动态自定义底部tabBar的例子
28 下载量 157 浏览量
2020-10-16
11:29:03
上传
评论
收藏 60KB PDF 举报
温馨提示
试读
4页
主要介绍了微信小程序官方动态自定义底部tabBar的例子,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
资源推荐
资源详情
资源评论
微信小程序官方动态自定义底部微信小程序官方动态自定义底部tabBar的例子的例子
主要介绍了微信小程序官方动态自定义底部tabBar的例子,本文通过实例代码给大家介绍的非常详细,具有一
定的参考借鉴价值,需要的朋友可以参考下
最近在做小程序的项目,由于用户需求在进入页面时进行选则角色,然后再进入小程序,这时看到的底部菜单看到的不一样,
而我们都知道原生的tabBar是不支持这种做法的。在网上搜集了海量资料后发现无非两种解决方法:1.是建立模板,可是会有不
能忍受的抖动;2.是利用小程序的组件开发;但是项目已经进行了一般,不可能再进行大的改变;
怎么办呢??
无意在一条评论中发现说微信官方已经提供该组件,于是在小程序文档中寻找很久才在一个犄角旮旯找到:地址链接、
先看效果图:
在这里插入图片描述
1.首先看一下官方用法首先看一下官方用法
这是几个非常重要你需要知道的
2.小程序提供了一个例子小程序提供了一个例子
在这个例子中有一个微信官方提供的组件:下载地址
组件的目录结构:
3.就是我们要根据需求改造就是我们要根据需求改造
自己改造的目录结构如下:
1.首先配置app.json
"tabBar": {
"custom": true,//这个要有, 前面都提到过,注释要删了
"color": "#7A7E83",
"selectedColor": "#3cc51f",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [
{
"pagePath": "pages/index1/index1",
"iconPath": "/image/home.png",
"selectedIconPath": "/image/home1.png",
"text": "首页1"
},
{
"pagePath": "pages/mine1/mine1",
"iconPath": "/image/user.png",
"selectedIconPath": "/image/user1.png",
"text": "我的1"
资源评论
weixin_38499503
- 粉丝: 8
- 资源: 975
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功