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

75
src/components/index/Main.vue
View File

@@ -8,6 +8,22 @@
case '/':
case '/datascreen':
return defineAsyncComponent(() => import('@/components/index/Datascreen.vue'))
case '/category':
return defineAsyncComponent(() => import('@/components/index/Category.vue'))
case '/datasource':
return defineAsyncComponent(() => import('@/components/index/Datasource.vue'))
case '/record':
return defineAsyncComponent(() => import('@/components/index/Record.vue'))
case '/components':
return defineAsyncComponent(() => import('@/components/index/Components.vue'))
case '/variables':
return defineAsyncComponent(() => import('@/components/index/Variables.vue'))
case '/files':
return defineAsyncComponent(() => import('@/components/index/Files.vue'))
case '/maps':
return defineAsyncComponent(() => import('@/components/index/Maps.vue'))
case '/tools':
return defineAsyncComponent(() => import('@/components/index/Tools.vue'))
}
})
</script>
@@ -33,4 +49,63 @@
inset 0 4px 20px rgba(255,255,255,0.3);
z-index: 1;
}
.header-left {
position: absolute;
top: 15px;
left: 15px;
}
.header-right {
position: absolute;
top: 15px;
right: 15px;
}
.header-button {
width: 128px;
height: 32px;
font-size: 15px;
border: none;
border-radius: 10px;
margin: 0 4px;
cursor: pointer;
}
.header-button:first-child {
margin-left: 0;
}
.header-button:last-child {
margin-right: 0;
}
.search-button:hover {
background-color: #e267a7;
}
.search-button:active {
background-color: #c35b99;
}
.header-search {
width: 150px;
height: 32px;
font-size: 15px;
border: none;
border-radius: 10px;
padding: 0 10px;
background-color: rgba(255,255,255,0.3);
}
.header-search:hover {
background-color: rgba(255,255,255,0.4);
}
.header-search:focus {
outline: none;
background-color: rgba(255,255,255,0.5);
}
.search-button {
width: 32px;
height: 32px;
background-color: #f472b6;
color: #fff;
}
.search-button:hover {
background-color: #e267a7;
}
.search-button:active {
background-color: #c35b99;
}
</style>