<custom chineseName="自定义导航" engName="navigation"></custom>
<view class="wrap fixed">
    <image class="iphone-image-area"
        mode="widthFix"
        preview="{{false}}"
        src="{{showSwicthNav ? iphoneGifSrc : iphoneImgSrc}}"
    />
    <image class="status-image-area {{showSwicthNav ? 'hide' : ''}}"
        mode="widthFix"
        preview="{{false}}"
        src="{{statusImgSrc}}"
    />
    <view
        s-if="nonCompatible && showFakeBack"
        class="fake-back-icon"
        bindtap="backHdl">
    </view>
    <smt-navigation
        navigation-style="{{navigationStyle}}"
        navigation-area-style="{{navigationAreaStyle}}"
        back-icon="{{backIcon}}"
        home-icon="{{homeIcon}}"
        front-color="#fff"
        bindbackHdl="backHdl"
        bindhomeHdl="homeHdl"
        backgroundColor="transparent">
        <view class="navigation-content-area {{showTitle ? '' : 'hide'}}">
            <text class="navigation-title">{{title}}</text>
            <text class="navigation-desc">{{desc}}</text>
        </view>
    </smt-navigation>
</view>
<view class="btns-area">
    <view s-if="nonCompatible" class="swan-native-version">
        当前宿主平台版本号为 {{swanNativeVersion}}，小程序框架自宿主平台版本号 2.28.0+ 起回收了二级页面（非首页 / 非 Tab 页）左上角返回按钮的自定义权限，由小程序框架提供统一的返回按钮控制方案。
    </view>
    <button s-for="item,index in btnsList"
        type="primary"
        data-type="{{item.type}}"
        data-index="{{index}}"
        disabled="{{item.disabled}}"
        hover-stop-propagation="true"
        bind:tap="tapHdl">
        {{item.text}}
    </button>
</view>