<script setup lang="ts">
import {useConfigStore} from "@/store";
const configStore = useConfigStore()
const {t} = useI18n()
</script>

<template>
  <view class="bg-#fff"
        :style="[{
                height: configStore.windowHeight+'px',
  }]"
  >
    <z-paging ref="paging">
      <template #top>
        <status-bar/>
      </template>
      <view class="text-56rpx text-#333 lh-56rpx font-bold pl-30rpx pt-16rpx">{{ t('tabBar.global') }}</view>
      <view class="flex flex-col items-center mt-306rpx">
        <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-108rpx tracking-[.04em]">{{ t('pages.shop.description') }}</view>
      </view>
      <template #bottom>
        <view class="h-50px"></view>
        <view :style="[configStore.iosSafeBottomPlaceholder]"></view>
      </template>
    </z-paging>
  </view>
</template>

<style scoped lang="scss">

</style>
