DataBuddyEngine/DataBuddy-vue
1
1
Fork 0
Code Issues Releases Activity

完善首页显示

Browse Source
This commit is contained in:
苏雨洛
2025-12-14 20:24:45 +08:00
parent 970e734dda
commit c5cfce2ea4
13 changed files with 406 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/index/Maps.vue Normal file
View File

@@ -0,0 +1,39 @@
<script setup>
import { defineAsyncComponent } from 'vue'
const Nodata = defineAsyncComponent(() => import('@/components/index/Nodata.vue'))
</script>
<template>
<header class="header">
<div class="header-left">
<button class="header-button create-maps"><i class="fa-solid fa-location-dot"></i> 创建地图</button>
<button class="header-button download-maps"><i class="fa-solid fa-download"></i> 地图下载</button>
</div>
<div class="header-right">
<input type="text" placeholder="请输入名称" class="header-search"></input>
<button class="header-button search-button"><i class="fa-solid fa-magnifying-glass"></i></button>
</div>
</header>
<Nodata />
</template>
<style>
.create-maps {
color: #fff;
background-color: #00b7ff;
}
.create-maps:hover {
background-color: #00a2e2;
}
.create-maps:active {
background-color: #0088c3;
}
.download-maps {
color: #fff;
background-color: #f472b6;
}
.download-maps:hover {
background-color: #e267a7;
}
.download-maps:active {
background-color: #c35b99;
}
</style>