Frankie/tauri-markdown
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

feat: 记住左侧栏宽度,下次打开还原

Browse Source
This commit is contained in:
Frankie Huang 2025-05-07 00:47:20 +08:00
parent 9a2685c0ed
commit e3e7efedcf
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.vue
View File

@ -39,16 +39,19 @@ async function greet() {
// 使用 Split 组件动态控制页面左右布局 // 使用 Split 组件动态控制页面左右布局
const defaultSplit = 0.15; // 默认左侧边栏和右侧区域的比例为 1.5:8.5 const defaultSplit = 0.15; // 默认左侧边栏和右侧区域的比例为 1.5:8.5
const split = ref(defaultSplit); const initSplit = localStorage.getItem('splitValueOfFolderTree');
const split = initSplit === null ? ref(defaultSplit) : ref(Number(initSplit));
const splitTrigger = useTemplateRef('splitTrigger'); const splitTrigger = useTemplateRef('splitTrigger');
const splitRight = useTemplateRef('splitRight'); const splitRight = useTemplateRef('splitRight');
const splitRightWidth = ref(0); const splitRightWidth = ref(0);
const hiddenSplitLeft = ref(''); const hiddenSplitLeft = ref('');
const leftSidebarState = ref('open'); const leftSidebarState = split.value > 0 ? ref('open') : ref('close');
watch(split, (newSplit) => { watch(split, (newSplit) => {
localStorage.setItem('splitValueOfFolderTree', newSplit);
splitRightWidth.value = splitRight.value.offsetWidth; splitRightWidth.value = splitRight.value.offsetWidth;
// 当 split 小于某个值时，隐藏左边布局 // 当 split 小于某个值时，隐藏左边布局
if (newSplit < 0.05) { if (newSplit < 0.05) {
split.value = 0;
leftSidebarState.value = 'close'; leftSidebarState.value = 'close';
if (hiddenSplitLeft.value == '') { if (hiddenSplitLeft.value == '') {
hiddenSplitLeft.value = 'hidden'; hiddenSplitLeft.value = 'hidden';