<template>
    <div class="menu">

        <router-link to="/tradeScreen" style="color: white;">

            <div class="menu-li"> 数据之眼可视化大屏 </div>


        </router-link>


        <router-link to="/plantScreen" style="color: white;">
            <div class="menu-li"> 种植溯源可视化大屏 </div>


        </router-link>

        <router-link to="/logisticsScreen" style="color: white;">
            <div class="menu-li"> 物流溯源可视化大屏 </div>


        </router-link>


    </div>
</template> 
<script setup>

</script>
<style lang="scss">
.menu {
    width: 720px;
    background-color: black;
    min-height: 100vh;
    color: white;
    font-family: 'FZCYJ';
    padding: 30px 0;

    .menu-li {
        text-align: center;
        margin: 2vh;
        cursor: pointer;

    }

}
</style>