From 4260da6a8b15cc3fd8dfb254ba3a078b1d7c596a Mon Sep 17 00:00:00 2001 From: hcong <1050828145@qq.com> Date: 星期二, 26 十一月 2024 14:28:05 +0800 Subject: [PATCH] 1. socket生命周期监听、断线重连、心跳检测 2. socket消息校验、生成、解析 3. 观察者模式分发消息 --- src/components/core/BaseContentLayout.vue | 10 +++++++--- 1 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/components/core/BaseContentLayout.vue b/src/components/core/BaseContentLayout.vue index ce92424..3889435 100644 --- a/src/components/core/BaseContentLayout.vue +++ b/src/components/core/BaseContentLayout.vue @@ -5,7 +5,7 @@ </el-header> <el-container> <el-aside class="el-aside" :style="'height: ' + mainHeight"> - <el-scrollbar> + <el-scrollbar :noresize="true" style="position: relative;"> <slot name="aside"></slot> </el-scrollbar> </el-aside> @@ -30,14 +30,16 @@ if (this.$refs.headerRef) { const h1 = this.$refs.headerRef.$el.offsetHeight; const h = h1; - return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2)`; + return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2 + 6px)`; } else { return `calc(100vh - 60px * 2 - var(--el-main-padding) * 2)`; } } }, mounted() { - this.mainHeight = this.calHeight(); + setTimeout(() => { + this.mainHeight = this.calHeight(); + }, 150); } }; </script> @@ -45,11 +47,13 @@ <style scoped> .el-aside { /* width: initial; */ + /* overflow-x: auto; */ position: relative; /* height: calc(100vh - 60px * 2 - 20px * 2); */ /* background-color: aqua; */ /* overflow-y: auto; */ border-right: 1px solid var(--el-color-info-light-7); + /* box-shadow: -10px 0px 4px rgba(0, 0, 0, 0.12) inset; */ } .el-header { -- Gitblit v1.9.3