首页 > 其他 > 详细

(二十一)自定义Tabbar

时间:2020-03-15 16:57:00      阅读:65      评论:0      收藏:0      [点我收藏+]

 

1. 随便找一个目录【比如component】

2.在component里创建一个文件夹

技术分享图片

 

 代码我们用的是官方的   https://developers.weixin.qq.com/s/jiSARvmF7i55

把代码复制到我们新建的tabbar中[包括js,wxml,json,wxss]

3. 全局的app.js

技术分享图片

 

 现在tabbar就没有了 

现在我们要是在那个页面用 就在那个页面社会

比如 index页面   tabbar的颜色自己定义就可以啦

技术分享图片

 

 

点击我的 跳转 页面有个函数

技术分享图片

 

 在js中

技术分享图片

 

 

这个时候我的页面没有tabbar 需要我们在按上面的方法进行一次

 

还有一个bug   我们点击的 我的 但是颜色没有变啊

技术分享图片

 

 

 追其原因:在data中设置了selected的值为0,没有动过,所有就不会改变

技术分享图片

 

 

 技术分享图片

 

 

 

解决办法

技术分享图片

 

 

 

在每个用到的地方改成下面的就可以啦

技术分享图片

 

 

 问题:比如我有一个发布的按钮 需要登录之后才可以怎么做?

第一步

技术分享图片

 

 

 

 

第二步

技术分享图片

 

(二十一)自定义Tabbar

原文:https://www.cnblogs.com/a438842265/p/12498081.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!