<template>
    <!--
    <div class="youwei-trace-page" :style="{ height: `calc(100vh - ${tabBarHeight}px)` }">
        <empty
            image="https://birdseye-img.sysuimars.com/birdseye-look-mini/custom-empty-image.png"
            image-size="80"
            description="该页面正在升级，敬请期待..."
        />
    </div>
    -->
    <div class="youwei-trace-page" :style="{ height: `calc(100vh - ${tabBarHeight}px)` }">
        <img
            class="trace-long-img"
            src="https://birdseye-img.sysuimars.com/birdseye-look-vue/zj/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20260407220906_3750_42.png"
            alt="有味溯源"
        />
    </div>
</template>

<script setup>
// import { computed } from "vue";
// import { useStore } from "vuex";
// import { Empty } from "vant";
//
// const store = useStore();
// const tabBarHeight = computed(() => store.state.home.tabBarHeight);
import { computed } from "vue";
import { useStore } from "vuex";

const store = useStore();
const tabBarHeight = computed(() => store.state.home.tabBarHeight);
</script>

<style scoped lang="scss">
/*
.youwei-trace-page {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
*/

.youwei-trace-page {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
}

.trace-long-img {
    width: 100%;
    height: auto;
    display: block;
}
</style>
