mirror of
https://github.com/geekgeekrun/geekgeekrun.git
synced 2026-09-04 23:17:39 +08:00
enhance of aside nav ui with box-shadow
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="flex h100vh">
|
<div class="flex h100vh">
|
||||||
<div class="flex flex-col min-w200px w200px pt30px pl30px aside-nav of-hidden">
|
<div class="flex flex-col min-w200px w200px pt30px pl30px aside-nav of-hidden">
|
||||||
<div class="nav-list flex-1 of-auto">
|
<div class="nav-list flex-1 of-auto pl20px ml--20px">
|
||||||
<RouterLink v-show="false" to="./TaskManager">任务管理</RouterLink>
|
<RouterLink v-show="false" to="./TaskManager">任务管理</RouterLink>
|
||||||
<div class="group-item">
|
<div class="group-item">
|
||||||
<div class="group-title">BOSS直聘</div>
|
<div class="group-title">BOSS直聘</div>
|
||||||
@@ -192,11 +192,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<RouterView v-slot="{ Component }" class="flex-1 of-hidden">
|
<div class="router-view-wrap">
|
||||||
<KeepAlive>
|
<RouterView v-slot="{ Component }" class="flex-1 of-hidden">
|
||||||
<component :is="Component" />
|
<KeepAlive>
|
||||||
</KeepAlive>
|
<component :is="Component" />
|
||||||
</RouterView>
|
</KeepAlive>
|
||||||
|
</RouterView>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -314,6 +316,8 @@ const handleClickConfigLlm = async () => {
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #2faa9e;
|
color: #2faa9e;
|
||||||
border-radius: 9999px 0 0 9999px;
|
border-radius: 9999px 0 0 9999px;
|
||||||
|
position: relative;
|
||||||
|
box-shadow: 0px 0px 10px rgba(50, 114, 108, 0.187);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -328,4 +332,10 @@ const handleClickConfigLlm = async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.router-view-wrap {
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: -4px 1px 20px rgb(50 114 108 / 29%);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user