<script setup lang="ts">
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"
      position="center"
      @close="handleClose"
      custom-style="border-radius:20rpx;"
  >
    <!-- #ifdef APP-PLUS -->
    <view class="w-590rpx  rounded-20rpx relative">
    <!-- #endif -->
    <!-- #ifndef APP-PLUS -->
    <view class="w-590rpx h-570rpx rounded-20rpx relative">
    <!-- #endif -->
      <view class="flex flex-col items-center mb-34rpx">
        <image src="@img/chef/100.png" class="w-318rpx h-318rpx"></image>
        <view class="text-40rpx lh-40rpx text-#333 font-500 mt--20rpx mb-22rpx">{{ t('pages.shop.tips') }}</view>
        <view class="text-28rpx text-#333 text-center px-40rpx tracking-[.04em]">
          {{ t('components.noOpen.title') }}
        </view>
      </view>
      <view @click="handleClose" class="absolute bottom-0 left-0 w-full border-top h-98rpx center text-30rpx text-#333">
        {{ t('common.gotIt') }}
      </view>
    </view>
  </wd-popup>
</template>

<style scoped lang="scss">

</style>