搬运工--Weex踩坑日记(三)

.wrapper{/*justify-content:center;*/背景颜色：天蓝色；弹性方向：列；宽度：750px；/*对齐项目：居中；*/}.tab-container{背景色：米色；宽度：750px；flex:1;}.slide{width:750px;}.tab{width:750px;flex:1;}.tab1{background-color:darkcyan;}.tab2{background-color:darkgoldenrod;}.tab3{background-color:darkgreen;}.footer{background-color:rgba(255,255,0,1);宽度：750px；高度：100px；弹性：0；边框半径：10px10px00；填充：5px5px5px5px；flex-direction:row;}.button{border-width:2px;width:250px;}Tab页面切换完成固定页脚布局后，想在页脚添加几个按钮来控制中间显示的页面，类似微信。所以我需要实现一个tab切换的功能，我这里使用Weex提供的组件。.wrapper{/*justify-content:center;*/背景颜色：天蓝色；弹性方向：列；宽度：750px；/*对齐项目：居中；*/}.tab-container{背景色：米色；宽度：750px；flex:1;}.slide{width:750px;}.tab{width:750px;flex:1;}.tab1{background-color:darkcyan;}.tab2{background-color:darkgoldenrod;}.tab3{background-color:darkgreen;}.footer{background-color:rgba(255,255,0,1);宽度：750px；高度：100px；弹性：0；边框半径：10px10px00；填充：5px5px5px5px；flex-direction:row;}.button{border-width:2px;width:250px;}最终效果包括通过左右滑动切换标签页，或者通过点击Summary下方的按钮切换标签页，实现标签页切换。一开始我的想法是多个div包含页面，隐藏一个不需要显示的div。并传递一个参数来选择需要展示的div。CSDN的一篇文章总结了常用的隐藏方法。其中，前三种方法我都试过了，都没有用。在Weex中，display:flex是默认值，不可修改。因此，您不能使用display:none来隐藏元素。Weex支持溢出：隐藏。但是有个问题就是好像vue的类绑定支持有问题。sel={{sel}}