47 lines
834 B
Vue
47 lines
834 B
Vue
<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> |