6.19

src/style/index.css

@@ -262,6 +262,8 @@ text-transform: none;
     position: absolute;
     right: 0;
     top: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
   }
   .opt_moitor h3{
     text-align: left;
@@ -358,10 +360,6 @@ transform: scale(0.5, 1);
   font-family: 'Inter-Regular';
   
 }
-.custom-tree .el-tree-node__content.is-root {
-  font-weight: bold; /* 设置一级节点字体加粗 */
-  color: red; /* 设置一级节点字体颜色为红色 */
-}
 .custom-tree .el-tree-node__children .el-tree-node__children .el-tree-node__label {
   font-size: 12px; /* 第三级字体大小 */
   color: #1A1A1A ;
@@ -451,7 +449,7 @@ margin-top: -6px;
   border: 0;
   font-size: 12px;
   color: #333;
-  padding: 2px;
+  padding: 2px 20px;
   padding-bottom: 20px;
 }
 .main_model{
@@ -470,4 +468,13 @@ margin-top: -6px;
 }
 /* .main_container{
   display: flex;
-} */
+} */
+.pading_foter{
+      box-shadow: 0 0 0 1px #dcdfe6 inset;
+      padding: 1px;
+      overflow: hidden;
+      border-radius: 5px;
+}
+button:focus, button:focus-visible{
+  outline:none;
+}

src/views/index.vue

@@ -923,8 +923,8 @@
             <div class="main_model">图形结构
               <div  class="maxh221">
             <h3>mitt.vue</h3>
-              <sixindex/><br>
-              <sixchine/>
+              <!-- <sixindex/><br>
+              <sixchine/> -->
               <!-- 右侧边栏开始 -->
                   <!-- 优化监控echarts -->
              <div class="opt_moitor" v-if="tabactive=='优化监控'">
@@ -941,6 +941,7 @@
               class="femFooter"
             
             >
+            <div class="pading_foter">
               <!-- 日志 -->
               <div class="footerTitle   el-tag--primary">
               <div>
@@ -970,6 +971,7 @@
                   v-model="logs"
                 ></el-input>
               </div> 
+              </div>
             </el-footer>
             </div> 
           </div>
@@ -995,9 +997,9 @@ import sixtop from './echart/six_top.vue'
 import sixbottom from './echart/six_bottom.vue'
 import sixindex from './demo/index.vue'
 import sixchine from './demo/chine.vue'
-let logs=ref("信息框");
+let logs=ref("");
 let elodingfalse=ref(false);
-let footerShow=ref(true);
+let footerShow=ref(false);
 const treeData = ref([
   // { 
     // id:0,
@@ -1302,11 +1304,11 @@ const optiongroup = [
     label: '直升机',
     options: [
       {
-        value: '气动优化',
+        value: '气动优化1',
         label: '气动优化',
       },
       {
-        value: '气弹优化',
+        value: '气弹优化2',
         label: '气弹优化',
       },
       {
@@ -1554,4 +1556,33 @@ const targetclick=()=>{
   padding: 2px;
 }
 //没有子节点
+
+/* Webkit内核浏览器（Chrome、Safari等）*/
+::-webkit-scrollbar {
+  width: 4px;
+  /* 设置滚动条宽度 */
+  background-color: #dcdfe6;
+  /* 设置滚动条背景颜色 */
+}
+
+/* 滑块样式 */
+::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  /* 设置滑块边角半径 */
+  background-color:#eee ;
+  /* 设置滑块背景颜色 */
+}
+
+/* 滑块在hover状态时的样式 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: #dcdfe6;
+  /* 设置滑块在hover状态下的背景颜色 */
+}
+
+/* 滚动条轨道样式 */
+::-webkit-scrollbar-track {
+  background-color: #dcdfe6;
+  /* 设置滚动条轨道背景颜色 */
+}
+
 </style>