<script setup lang="ts">
import { useAppStore } from '@/store/modules/app';

const appStore = useAppStore();
</script>

<template>
  <div class="flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
    <NCard :bordered="false" class="flex-1 card-wrapper bg-white sm:flex-1-hidden" size="small">
      <div class="h-full w-full flex items-center justify-center">
        <div :class="[appStore.isMobile ? '' : 'flex items-center']">
          <img src="@/assets/imgs/index.png" alt="" class="h300px w300px" />
          <div class="ml3">
            <div class="text-32px font-semibold" :class="[appStore.isMobile ? 'text-center' : '']">欢迎使用</div>
            <div class="mt18px">使用过程中，有任何建议和意见请及时反馈！</div>
          </div>
        </div>
      </div>
    </NCard>
  </div>
</template>

<style scoped>
.bgc {
  background-image: url('@/assets/imgs/index.png');
}
</style>
