修复搜索结果卡片视图筛选可视性,优化季集显示位置,重构nodatafound情形ui,重构文件管理器ui并增加文件树功能,优化侧边栏高度规避竖向滑动条

This commit is contained in:
madrays
2025-03-30 17:25:34 +08:00
parent 59b5e4a330
commit c4f54dcddc
14 changed files with 1627 additions and 343 deletions
+55 -11
View File
@@ -1,7 +1,8 @@
<script lang="ts" setup>
import type { NavLink } from '@layouts/types'
defineProps<{
// 定义类型必须使用vuetify中正确导出的类型
const props = defineProps<{
item: NavLink
}>()
</script>
@@ -15,12 +16,14 @@ defineProps<{
:is="item.to ? 'RouterLink' : 'a'"
:to="item.to"
:href="item.href"
class="link-wrapper"
>
<VIcon
:icon="item.icon"
v-if="item.icon != null"
:icon="item.icon?.toString()"
size="20"
class="nav-item-icon"
/>
<!-- 👉 Title -->
<span class="nav-item-title">
{{ item.title }}
</span>
@@ -30,13 +33,54 @@ defineProps<{
<style lang="scss">
.layout-vertical-nav {
.nav-link a {
display: flex;
align-items: center;
border-radius: 0 3.125rem 3.125rem 0 !important;
cursor: pointer;
margin-inline-end: 1.125em;
padding-inline: 1.375rem 1rem;
.nav-link {
margin: 1px 16px;
position: relative;
&.disabled {
opacity: 0.6;
pointer-events: none;
}
.router-link-active {
background-color: rgb(var(--v-theme-primary));
position: relative;
border-radius: 6px;
.nav-item-icon,
.nav-item-title {
color: white;
}
}
a, .link-wrapper {
display: flex;
align-items: center;
border-radius: 6px;
cursor: pointer;
padding: 8px 10px;
transition: background-color 0.2s ease;
position: relative;
&:hover:not(.router-link-active) {
background-color: rgba(var(--v-theme-on-surface), 0.05);
}
}
}
.nav-item-icon {
color: rgba(var(--v-theme-on-surface), 0.75);
margin-right: 8px;
min-width: 20px;
}
.nav-item-title {
font-size: 0.85rem;
font-weight: 500;
color: rgba(var(--v-theme-on-surface), 0.85);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
</style>
</style>