页面切换时，底部图标显示错乱

分类：MUI

css

各位网友好，小弟我有问题要请教一下
就是页面底部有四个图标，点击时用openWindow打开新页面，底部图标没激活的是灰色的，激活的是蓝色的，但是我在点击打开页面时，第一次点击可以正常显示图标颜色，在第二次点击时，图标颜色显示的就不对了，比如说停留在第三个页面上，我点击第二个页面时，打开了第二个页面，但是底部激活的图标却还是第三个，怎么样才能让图标的颜色随着页面的切换二切换呢

2016-10-09 19:30 负责人:无分享

2 个回复

Trust - 少说废话

参考Hello mui示例工程中的选项卡部分。

8***@qq.com

很明显，这个就是个css类的添加移除。具体的在/examples/tab-webview-main.html 这个里面有。

                             //切换选项卡高亮  
            var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");  
            if (defaultTab !== current) {  
                current.classList.remove('mui-active');  
                defaultTab.classList.add('mui-active');  
            }

根据自己的情况去实现，多看看demo

该问题目前已经被锁定, 无法添加新回复

页面切换时，底部图标显示错乱

2 个回复

公告

相关问题

页面切换时，底部图标显示错乱

与内容相关的链接

2 个回复

公告

相关问题