页面组件

组件插槽

提示

gHeader - 页面头部插槽，包含手机状态栏;
gBody - 页面主体插槽，用于承载页面内容布局；
gFooter - 页面底部插槽，用于承载自定义底部导航；
gPendant - 页面右下角挂件插槽，用于实现返回顶部、客服、多功能菜单等功能；
gFixedTop - 吸顶原生插槽, 紧贴顶部导航的 fixed 定位；

演示代码

html

<page-panel title="标题" :back="false"  refresh customHeader ref="pagePanel" @reload="reload"> 
    <!-- 自定义标题插槽 -->
    <view slot="gHeader" class="pr z-100 h-100 flex flex-vh-center w-100 bg-white">
    	<view class="tc fz-40  bold" >标题</view> 
    </view> 
    <!-- 自定义左上角图标插槽 -->
    <image  slot="leftHeader" class="pa l-30 z-101" src="/static/top_logo.png" style="height: 46rpx;max-height: 40px;" mode="heightFix"></image>
    <!-- 内容插槽 -->
    <template slot="gBody">
      <view class="content"></view> 
    </template>
  </page-panel>

Attributes

参数	说明	类型	默认值
fullPage	主体部分是否铺满屏幕	Boolean	false
customHeader	是否使用自定义头部导航	Boolean	false
customFooter	是否使用自定义底部导航	Boolean	false
iphoneXButtomStyle	iphoneX 底部占位元素样式设置	String	''
isLoading	是否展示全屏加载	Boolean	false
isSwitchPage	页面是否为一个switchTab 页	Boolean	false
refresh	是否启用下拉刷新	Boolean	false
loadmore	是否启用加载更多	Boolean	false
apiLoadingStatus	页面内 api 加载状态 true : api 数据加载中，false ：无加载执行作用 : 避免刷新、加载同时执行引发冲突	Boolean	false

在 GitHub 上编辑此页

上次更新:

页面组件 ​

组件插槽 ​

演示代码 ​

Attributes ​

页面组件

组件插槽

演示代码

Attributes