zianxin/pj_admin_cloud
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整

Browse Source
This commit is contained in:
ctw committed 2025-01-23 14:55:53 +08:00
1 parent 5d4a422285
commit fed8fa3ce1
1 file changed
+16 -7
Download Patch File Download Diff File Expand all files Collapse all files
src/views/admin/system/user/index.vue
+16 -7
View File
@@ -1,6 +1,6 @@
<template> <template>
<div class="layout-padding"> <div class="layout-padding">
<Splitpanes @resized="depTreeWidth = $event[0].size"> <Splitpanes @resize="depTreeWidth = $event[0].size">
<pane :size="depTreeWidth" class="relative"> <pane :size="depTreeWidth" class="relative">
<dep-tree <dep-tree
class="p-2" class="p-2"
@@ -32,14 +32,20 @@
</dep-tree> </dep-tree>
<div <div
class="pt-7 text-center w-3 h-20 absolute right-0 top-[44vh] translate-y-[-50%] overflow-hidden bg-blue-400 transition-all cursor-pointer" v-if="depTreeWidth > 0.5"
style=" class="pt-7 text-center w-2 h-20 absolute right-0 top-[44vh] translate-y-[-50%] overflow-hidden bg-blue-500 transition-all cursor-pointer"
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%); style="clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%)"
background-color: url(../../../../../public/favicon.ico);
"
@click="handleClickDepTreeDrawer(isOpen)" @click="handleClickDepTreeDrawer(isOpen)"
> >
<span class="text-white font-bold text-lg">&lt;</span> <span class="text-white font-bold text-xs">&lt;</span>
</div>
<div
v-else
class="pt-7 text-center w-2 h-20 absolute right-0 top-[44vh] translate-y-[-50%] overflow-hidden bg-blue-500 transition-all cursor-pointer"
style="clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%)"
@click="handleClickDepTreeDrawer(isOpen)"
>
<span class="text-white font-bold text-xs">&gt;</span>
</div> </div>
</pane> </pane>
<pane :size="100 - depTreeWidth" class="ml8"> <pane :size="100 - depTreeWidth" class="ml8">
@@ -390,6 +396,9 @@ const handleClickDepTreeDrawer = (isDrawerOpen: boolean) => {
min-width: 4px; min-width: 4px;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.splitpanes--vertical > .splitpanes__splitter:active {
background: #1890ff;
}
.splitpanes--vertical > .splitpanes__splitter:hover { .splitpanes--vertical > .splitpanes__splitter:hover {
background: #1890ff; background: #1890ff;
} }