twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-06 16:37:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复右侧功能面板缩小后突然拉伸，内部高度未立刻铺满的问题

Browse Source
This commit is contained in:
xiaoxian521 2024-01-25 12:52:29 +08:00
parent 3b66ba9fa5
commit b28a1df479
1 changed files with 1 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/layout/components/panel/index.vue
View File

@ -42,7 +42,7 @@ onBeforeUnmount(() => {
</script> </script>
<template> <template>
<div :class="{ show: show }" class="right-panel-container"> <div :class="{ show }">
<div class="right-panel-background" /> <div class="right-panel-background" />
<div ref="target" class="right-panel bg-bg_color"> <div ref="target" class="right-panel bg-bg_color">
<div <div
@ -91,14 +91,6 @@ onBeforeUnmount(() => {
</div> </div>
</template> </template>
<style>
.showright-panel {
position: relative;
width: calc(100% - 15px);
overflow: hidden;
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.el-scrollbar) { :deep(.el-scrollbar) {
height: calc(100vh - 110px); height: calc(100vh - 110px);
@ -121,7 +113,6 @@ onBeforeUnmount(() => {
z-index: 40000; z-index: 40000;
width: 100%; width: 100%;
max-width: 280px; max-width: 280px;
height: 100vh;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%); box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1); transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
transform: translate(100%); transform: translate(100%);