请问为什么我的导航会掉下去啊？

Question

问题遇到的现象和发生背景

我点击主食是这样，其他三个就会掉下去

点击小吃是这样

点击甜品是这样
**

点击饮料就又正常了

点其他就是这样是导航栏的问题吗？

wxss文件是这样
.switchtap{
border-top: 2rpx solid rgb(187, 186, 186);
border-bottom: 2rpx solid rgb(187, 186, 186);
}

.tab{
text-align: center;
float:left;
width: 25%;
}
wtml是这样，到底哪里出了问题救命

Answer 1

问题的产生大概是因为点击一个标签这个标签的class发生变化，由tab变化成tabactive，导致样式变化float清除。

可以将tab{{currentTap==x改成tab {{currentTap==x试试看，中间添加空格。

建议就是把tab写入到data中这样比较方便修改。

例:

https://developers.weixin.qq.com/s/sIbifPmJ7Kym