<!--components/customPage/customPage.wxml-->
<view class="custom-page">
   <view class="custom-head" style="{{headStyle}}">
        <slot name="head"/>
        <view wx:if="{{headBgImage}}" class="head-bg">
            <image class="head-bg-img" src="{{headBgImage}}" mode=widthFix" bindload="headImageLoadSuccess"/>
        </view>
   </view>
   <view class="custom-body" style="height: {{bodyHeight}}px;" >
    <scroll-view style="height: {{bodyHeight}}px;" scroll-y bindscrolltolower="handleReachBottom">
     <view wx:if="{{bodyBgImage}}" class="body-split-bg">
         <image class="body-split-img" src="{{bodyBgImage}}" mode="widthFix" bindload="bodyImageLoadSuccess"/>
     </view>
     <view wx:elif="{{headBgImage}}" class="body-split-bg"  style="height:{{bodyImageHeight}}px;">
        <image class="body-split-img" style="top:-{{navHeight}}px" src="{{headBgImage}}" mode="widthFix"/>
     </view>
     <view class="body-content" style="top:-{{bodyImageHeight}}px;">
        <slot name="body" />
     </view>
   </scroll-view>
   </view>

   

</view>
