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>
<div class="layout-padding">
<Splitpanes @resized="depTreeWidth = $event[0].size">
<Splitpanes @resize="depTreeWidth = $event[0].size">
<pane :size="depTreeWidth" class="relative">
<dep-tree
class="p-2"
@@ -32,14 +32,20 @@
</dep-tree>
<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"
style="
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
background-color: url(../../../../../public/favicon.ico);
"
v-if="depTreeWidth > 0.5"
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 10%, 100% 0, 100% 100%, 0 90%)"
@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>
</pane>
<pane :size="100 - depTreeWidth" class="ml8">
@@ -390,6 +396,9 @@ const handleClickDepTreeDrawer = (isDrawerOpen: boolean) => {
min-width: 4px;
transition: all 0.3s ease;
}
.splitpanes--vertical > .splitpanes__splitter:active {
background: #1890ff;
}
.splitpanes--vertical > .splitpanes__splitter:hover {
background: #1890ff;
}