GraceUI 全屏选项卡



全屏选项卡

布局介绍

全屏选项卡经常被应用在项目的入口页面，一般使用切换导航+轮播组件实现，GraceUI 为您提供了基础布局，请掌握布局原理，然后灵活运用。

实现步骤

1 使用 gui-page 页面组件，将切换导航和轮播组件放置在 gBody 插槽内;
2 页面主体自动撑满页面;
<gui-page :fullPage="true" :isLoading="pageLoading" ref="guiPage">
3 利用flex 布局实现内部滚动区域高度自动铺满；
4 核心部分使用滚动区域布局，实现上下滚动;

兼容平台

H5	APP	小程序	NVUE
✔	✔	✔	✔

完整代码

UNI 普通版本

NVUE 版本

登录并购买 GraceUI 后可以查阅完整手册内容。