Transporter -- Weex 踩坑日记 (三)

Tab页切换

完成固定footer布局后，我想要在footer中添加几个按钮，来控制中间部分显示的页面，类似微信。因此我需要实现一个tab切换的功能，我这里用到了Weex提供的组件。

最终实现效果包括通过左右滑动切换tab页，也可以通过下方按钮点击来切换tab页面。

总结

实现tab页切换，一开始我的思路是多个div包含页面，隐藏不需要显示的div。并通过一个参数来选择需要显示的div。CSDN的一篇文章总结了常用的隐藏方式，其中我尝试过前面三种，均无效。

• Weex中,display:flex是默认值，无法修改。因此不能使用display:none的方式隐藏元素。
• Weex支持overflow:hidden。但一个问题是它貌似对vue的class绑定支持有问题。
  sel={{sel}}
  来选择时，可以在调试器中看到div包含了hide类，但是hide类中的overflow:hidden样式并未生效(firefox调试器中无法看到该样式)。使用长宽设为0的方案存在同样的问题。暂未在文档中找到相关情况的说明。
• 的change事件，文档中写包含index参数的意思是它的参数是一个object，index是这个object的一个对象。而不是以index作为函数参数。