[底部导航栏凸出效果]NVTabBar模块和framegroup完美结合双端

handsix

1.效果图请看最下方，如果凸出图片想和底部颜色一致有那种描边的效果，需要自行设计图片，比如在这个钻石图片基础上的上半圆外层加一个半圆描边，增加点边距，边距内层背景颜色和底部导航栏颜色一致即可。具体自己脑补。
2.此demo和NVTabBar模块文档里面给的例子不同之处在于：
1). 本demo对应用的framegruop，解决了很多问题，不用每次openframe之后再调用一次NVTabBar.bringToFront()把模块设置成不被阻挡，此demo只需要设置一次就可以了.  
2). 兼容了ios和安卓两端，ios是用ip6plus测试的，完美兼容。
3).模块例子如果直接openframe还会有一个bug,就是切换的时候，底部是后出来的，所以底部会有闪的效果，但是这个demo都解决了。

3.实现代码在demo目录下的index.html，代码有很详细的注释用途，如有不明白请跟帖。
4.图片资源都在image里面了

Mr.ZhouHeng

限制一下下载需要云币  知识是需要付费

技术咨询-F

感谢分享，提两点优化建议：
html,body{
        height: 100%;
        width: 100%;
        background-color: #dd7e6b;
     }

每个frame要设置背景颜色，不然会有闪屏现象。

frameGroup的定位可以这样写
rect: {
                marginTop: 0,
                marginLeft: 0,
                marginRight: 0,
                marginBottom: 55 //这里看模块文档,inphonex还要减多34px的意思，现在先不管
            },

angelshelter

路过，学习。

易大侠

感谢分享

赵永亮

可以的可以的 顶

嗯哼嗯哼

感谢分享

得呤

感谢分享

shikongmocheng

感谢分享

W大大凯

谢谢大佬！