Sfoglia il codice sorgente

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

xiaoxian521 1 anno fa
parent
commit
b28a1df479
1 ha cambiato i file con 1 aggiunte e 10 eliminazioni
  1. 1 10
      src/layout/components/panel/index.vue

+ 1 - 10
src/layout/components/panel/index.vue

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