Merge remote-tracking branch 'origin/main'

- 调整了多处图片的宽度和高度设置，确保适应不同容器
- 优化了表单、列表等元素的样式
- 改进了文本内容的排版
- 统一了代码格式

src/assets/styles/v-vision.scss

@@ -122,7 +122,7 @@ img {
     max-width: calc(100% - 200px);
   }
 
-  .m-form-box.more + .m-filtre-more {
+  .m-form-box.more+.m-filtre-more {
     display: inline-block;
   }
 
@@ -150,7 +150,8 @@ img {
     right: 0 !important;
   }
 
-  th.el-table__cell, td.el-table__cell {
+  th.el-table__cell,
+  td.el-table__cell {
     color: #000;
     font-weight: 400 !important;
     background-color: #fff;
@@ -245,7 +246,8 @@ img {
       overflow: hidden;
 
       .img {
-        width: 100%; height: 180px;
+        width: 100%;
+        height: 180px;
       }
     }
 
@@ -346,6 +348,18 @@ img {
   padding-top: 100px;
   padding-bottom: 100px;
 
+  .detail-left {
+    max-width: 780px;
+
+    .detail-content {
+
+      img {
+        max-width: 100% !important;
+        margin-left: -2em;
+      }
+    }
+  }
+
   .detail-title {
     position: relative;
     padding-left: 40px;
@@ -380,7 +394,15 @@ img {
   .detail-right {
     width: 370px;
     margin-left: 70px;
+    max-width: 370px;
+
+    .detail-content {
 
+      img {
+        max-width: 100% !important;
+        margin-left: -2em;
+      }
+    }
 
     .list-title {
       margin-bottom: 10px;
@@ -562,6 +584,16 @@ img {
     width: 300px;
     flex: 0 0 300px;
 
+    max-width: 300px;
+
+    .detail-content {
+
+      img {
+        max-width: 100% !important;
+        margin-left: -2em;
+      }
+    }
+
     .about-box {
       .list-item {
         margin-bottom: 20px;
@@ -629,27 +661,33 @@ img {
       margin-left: 10px;
       padding-left: 10px;
       border-left: 1px solid #ccc;
-      scrollbar-width: thin; /* 设置滚动条的宽度 */
+      scrollbar-width: thin;
-      scrollbar-color: rgba(#2A333D, .3) #f1f1f1; /* 设置滑块颜色和轨道颜色 */
+      /* 设置滚动条的宽度 */
+      scrollbar-color: rgba(#2A333D, .3) #f1f1f1;
+      /* 设置滑块颜色和轨道颜色 */
 
       /* 自定义整个滚动条 */
       &::-webkit-scrollbar {
-        width: 12px; /* 设置滚动条的宽度 */
+        width: 12px;
+        /* 设置滚动条的宽度 */
       }
 
       /* 自定义滚动条轨道 */
       &::-webkit-scrollbar-track {
-        background: #f1f1f1; /* 设置轨道的背景颜色 */
+        background: #f1f1f1;
+        /* 设置轨道的背景颜色 */
       }
 
       /* 自定义滚动条的滑块（thumb） */
       &::-webkit-scrollbar-thumb {
-        background: #888; /* 设置滑块的背景颜色 */
+        background: #888;
+        /* 设置滑块的背景颜色 */
       }
 
       /* 当滑块悬停或活动时自定义滚动条的滑块 */
       &::-webkit-scrollbar-thumb:hover {
-        background: rgba(#2A333D, .3); /* 设置滑块在悬停状态下的背景颜色 */
+        background: rgba(#2A333D, .3);
+        /* 设置滑块在悬停状态下的背景颜色 */
       }
 
 
@@ -667,7 +705,8 @@ img {
         background: linear-gradient(90deg, rgba(11, 89, 179, .1) 0%, rgba(11, 89, 179, 0) 100%);
       }
 
-      .list-item:hover, .list-item.active {
+      .list-item:hover,
+      .list-item.active {
         color: #0B59B3
       }
     }
@@ -675,7 +714,15 @@ img {
 
   .detail-right {
     margin-left: 60px;
+    max-width: 780px;
+
+    .detail-content {
 
+      img {
+        max-width: 100% !important;
+        // margin-left: -2em;
+      }
+    }
     .detail-title {
       position: relative;
       padding-left: 40px;
@@ -901,7 +948,8 @@ img {
         position: relative;
         width: 250px;
         height: 150px;
-cursor: pointer;
+        cursor: pointer;
+
         &:before {
           content: "";
           position: absolute;
@@ -1081,7 +1129,7 @@ cursor: pointer;
   visibility: hidden;
 }
 
-.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
+.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
   pointer-events: none;
 }
 
@@ -1111,7 +1159,7 @@ cursor: pointer;
   word-wrap: break-word;
 }
 
-.ql-editor > * {
+.ql-editor>* {
   cursor: text;
 }
 
@@ -1136,12 +1184,12 @@ cursor: pointer;
   padding-left: 1.5em;
 }
 
-.ql-editor ol > li,
+.ql-editor ol>li,
-.ql-editor ul > li {
+.ql-editor ul>li {
   list-style-type: none;
 }
 
-.ql-editor ul > li::before {
+.ql-editor ul>li::before {
   content: '\2022';
 }
 
@@ -1150,23 +1198,23 @@ cursor: pointer;
   pointer-events: none;
 }
 
-.ql-editor ul[data-checked=true] > li *,
+.ql-editor ul[data-checked=true]>li *,
-.ql-editor ul[data-checked=false] > li * {
+.ql-editor ul[data-checked=false]>li * {
   pointer-events: all;
 }
 
-.ql-editor ul[data-checked=true] > li::before,
+.ql-editor ul[data-checked=true]>li::before,
-.ql-editor ul[data-checked=false] > li::before {
+.ql-editor ul[data-checked=false]>li::before {
   color: #777;
   cursor: pointer;
   pointer-events: all;
 }
 
-.ql-editor ul[data-checked=true] > li::before {
+.ql-editor ul[data-checked=true]>li::before {
   content: '\2611';
 }
 
-.ql-editor ul[data-checked=false] > li::before {
+.ql-editor ul[data-checked=false]>li::before {
   content: '\2610';
 }
 
@@ -1685,16 +1733,19 @@ cursor: pointer;
 }
 
 @media (pointer: coarse) {
+
   .ql-snow.ql-toolbar button:hover:not(.ql-active),
   .ql-snow .ql-toolbar button:hover:not(.ql-active) {
     color: #444;
   }
+
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
     fill: #444;
   }
+
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
@@ -2142,7 +2193,7 @@ cursor: pointer;
   border-color: #000;
 }
 
-.ql-toolbar.ql-snow + .ql-container.ql-snow {
+.ql-toolbar.ql-snow+.ql-container.ql-snow {
   border-top: 0px;
 }
 
@@ -2232,6 +2283,11 @@ cursor: pointer;
 
 .classic-case-text-right-middle-images {
 
-  .el-image__inner{height: auto!important;}}
+  .el-image__inner {
+    height: auto !important;
+  }
+}
 
-.cjy-about-popper{width: 150px;}
+.cjy-about-popper {
+  width: 150px;
+}