手册版本 V5.0

布局介绍

01. 使用自定义底部导航;
02. 自定义底部导航按钮，演示了凸出定位按钮布局；
03. 实现页面主体切换、底部导航动态切换逻辑;

兼容平台

相关样式

/* 皮肤内定义 */
/* 默认导航颜色 */
.gui-nav-bottom-color{color:#B6C3D2;}
/* 选中导航颜色 */
.gui-nav-bottom-active-color{color:#2B2E3D;}

/* 页面定义 */
/* 重新规划按钮宽度 */
.gui-footer-icon-buttons{width:120rpx; height:80rpx; position:relative;}
/* 定位按钮样式 */
.gui-footer-buttons-ab{position:absolute; z-index:101; left:0; top:-50rpx; width:100rpx; height:150rpx;}
.gui-footer-buttons-ab-icon{width:100rpx; height:100rpx; line-height:100rpx; text-align:center; font-size:60rpx; background-color:#F7F8FA; border-radius:100rpx;}

演示代码