From 7de94e2ea37803216e5afe9d40e7121c87a5344e Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期四, 24 四月 2025 14:21:14 +0800 Subject: [PATCH] 富文本复制粘贴图片上传至url --- src/layout/index.vue | 33 +++++++++++---------------------- 1 files changed, 11 insertions(+), 22 deletions(-) diff --git a/src/layout/index.vue b/src/layout/index.vue index b81b4b3..04c7ef2 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -3,15 +3,13 @@ <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside"/> <sidebar v-if="!sidebar.hide" class="sidebar-container" /> <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container"> - <el-scrollbar> - <div :class="{ 'fixed-header': fixedHeader }"> - <navbar @setLayout="setLayout" /> - <tags-view v-if="needTagsView" /> - </div> - <app-main /> - <settings ref="settingRef" /> - </el-scrollbar> - </div> + <div :class="{ 'fixed-header': fixedHeader }"> + <navbar @setLayout="setLayout" /> + <tags-view v-if="needTagsView" /> + </div> + <app-main /> + <settings ref="settingRef" /> + </div> </div> </template> @@ -42,10 +40,13 @@ const { width, height } = useWindowSize(); const WIDTH = 992; // refer to Bootstrap's responsive design -watchEffect(() => { +watch(() => device.value, () => { if (device.value === 'mobile' && sidebar.value.opened) { useAppStore().closeSideBar({ withoutAnimation: false }) } +}) + +watchEffect(() => { if (width.value - 1 < WIDTH) { useAppStore().toggleDevice('mobile') useAppStore().closeSideBar({ withoutAnimation: true }) @@ -73,18 +74,6 @@ position: relative; height: 100%; width: 100%; - - .el-scrollbar { - height: 100%; - } - - :deep(.el-scrollbar__bar).is-vertical { - z-index: 10; - } - - :deep(.el-scrollbar__wrap) { - overflow-x: hidden; - } &.mobile.openSidebar { position: fixed; -- Gitblit v1.9.3