<!-- #ifdef MP-WEIXIN -->
<script>
    export default {
        /**
         * 解決小程序class、id透傳問題
         * manifest.json中配置mergeVirtualHostAttributes: true, 在微信小程序平臺不生效，組件外部傳入的class沒有掛到組件根節點上
         * https://github.com/dcloudio/uni-ui/issues/753
         */
        options: { virtualHost: true }
    }
</script>
<!-- #endif -->

<script setup>
    const props = defineProps({
        // 是否顯示自定義tabbar
        showTabBar: { type: [Boolean, String], default: false },
    })
</script>

<template>
    <view class="uv3__container flexbox flex-col flex1">
        <!-- 頂部插槽 -->
        <slot name="header" />
        
        <!-- 內容區 -->
        <view class="uv3__scrollview flex1">
            <slot />
        </view>
        
        <!-- 底部插槽 -->
        <slot name="footer" />
        
        <!-- tabbar欄 -->
        <uv3-tabbar v-if="showTabBar" hideTabBar fixed />
    </view>
</template>