risenstars/iot-manage-dashboard
2
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: 优化双列布局组件点击展开左侧按钮位置不居中问题

Browse Source
This commit is contained in:
zoumingjun 2025-10-18 21:22:52 +08:00
parent 8edea3aee5
commit 38f91da5af
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
playground/src/views/examples/layout/col-page.vue
View File

@ -22,8 +22,8 @@ const props = reactive({
leftWidth: 30, leftWidth: 30,
resizable: true, resizable: true,
rightWidth: 70, rightWidth: 70,
splitHandle: false, splitHandle: true,
splitLine: false, splitLine: true,
}); });
const leftMinWidth = ref(props.leftMinWidth || 1); const leftMinWidth = ref(props.leftMinWidth || 1);
const leftMaxWidth = ref(props.leftMaxWidth || 100); const leftMaxWidth = ref(props.leftMaxWidth || 100);
@ -42,7 +42,11 @@ const leftMaxWidth = ref(props.leftMaxWidth || 100);
<template #left="{ isCollapsed, expand }"> <template #left="{ isCollapsed, expand }">
<div v-if="isCollapsed" @click="expand"> <div v-if="isCollapsed" @click="expand">
<Tooltip title="点击展开左侧"> <Tooltip title="点击展开左侧">
<Button shape="circle" type="primary"> <Button
shape="circle"
type="primary"
class="flex items-center justify-center"
>
<template #icon> <template #icon>
<IconifyIcon class="text-2xl" icon="bi:arrow-right" /> <IconifyIcon class="text-2xl" icon="bi:arrow-right" />
</template> </template>