<script setup lang="ts">
withDefaults(defineProps<{
  bg?: string
  showfooter?: boolean
  zindex?: number
}>(), {
  bg: '#f6f6f6',
  showfooter: true,
  zindex: 999,
})
const show = defineModel({ default: false })
</script>

<template>
  <wd-popup v-model="show" lock-scroll custom-style="border-radius:32rpx;32rpx 0rpx 0rpx" :z-index="zindex" position="bottom">
    <view :style="{ background: bg }">
      <slot />
      <view v-if="showfooter" class="h150rpx" />
      <view v-if="showfooter" class="ios footer fixed bottom-0 left-0 box-border w-full rounded-t-32rpx bg-white px24rpx pt20rpx">
        <slot name="footer" />
      </view>
    </view>
  </wd-popup>
</template>

<style scoped>

</style>
