<script lang="ts" setup>
const {t} = useI18n();
const show = ref(false);

function onOpen() {
  show.value = true;
}

function handleClose() {
  show.value = false;
}

defineExpose({
  onOpen,
});
</script>

<template>
  <wd-popup
      v-model="show"
      custom-style="border-radius:20rpx;"
      position="center"
      @close="handleClose"
  >
    <view class="w-490rpx rounded-20rpx relative">
      <view class="flex flex-col items-center mb-34rpx py-36rpx">
        <image class="w-190rpx h-190rpx mb-32rpx" src="@img/chef/100.png"></image>
        <view class="text-40rpx lh-40rpx text-#333 font-500  mb-22rpx">{{ t('toast.submitSuccess') }}</view>
        <view class="text-28rpx text-#999 text-center px-45rpx tracking-[.04em]">
          {{ t('toast.pleasePhone') }}
        </view>
      </view>
      <!-- #ifndef APP-PLUS -->
      <view class="h-98rpx"></view>
      <!-- #endif -->
      <view class="absolute bottom-0 left-0 w-full border-top h-98rpx center text-30rpx text-#333" @click="handleClose">
        {{ t('common.gotIt') }}
      </view>
    </view>
  </wd-popup>
</template>

<style lang="scss" scoped>

</style>