颜色修改

src/utils/three.js

@@ -75,7 +75,7 @@ function createDashedLinesForBall(
       arrowHelper.line.material.opacity = 0.6;
       // 设置箭头头部透明度
       arrowHelper.cone.material = new THREE.MeshBasicMaterial({
-        color: color,
+        color: "#00ff00",
         transparent: true, // 必须设置为true
         opacity: 0.6, // 与线段相同的透明度
       });
@@ -633,8 +633,8 @@ export function drawAxes(element, options = {}, ballCallBack) {
     styleGroups[el.name] = null;
   });
   styleGroups["灰球"] = null;
-  const geometryColors = [
+  const lineGeometryColors = [
-    "#f617d9",
+    "#0x00ff00",
     "#779c6e",
     "#3ee4bc",
     "#ca41e7",
@@ -642,6 +642,15 @@ export function drawAxes(element, options = {}, ballCallBack) {
     "#7467ef",
     "#c7bef7",
   ];
+  const geometryColors = [
+    "#888888",
+    "#888888",
+    "#888888",
+    "#888888",
+    "#888888",
+    "#888888",
+    "#888888",
+  ];
   const ballScene = new THREE.Group();
   geometryColors.forEach((el) => {
     // 几何体
@@ -718,7 +727,7 @@ export function drawAxes(element, options = {}, ballCallBack) {
         createDashedLinesForBall(n, scene, {
           dashSize: 1,
           gapSize: 1,
-          color: geometryColors[idx],
+          color: lineGeometryColors[idx],
           arrowSize: 8,
         }); // 给每个球加三条投影虚线
         updateDashedLines(n);
@@ -749,7 +758,7 @@ export function drawAxes(element, options = {}, ballCallBack) {
       createDashedLinesForBall(ball, scene, {
         dashSize: 1,
         gapSize: 1,
-        color: geometryColors[modelIndex],
+        color: lineGeometryColors[modelIndex],
       });
       updateDashedLines(ball);
     }

src/views/bigScreen/home/index.vue

@@ -427,11 +427,13 @@ export default {
   width: 100%;
   height: 100%;
   position: relative;
+
   // background-color: transparent;
   .webgl {
     width: 100%;
     height: 100%;
   }
+
   .head_text {
     font-weight: 700;
     font-size: 16px;
@@ -498,6 +500,7 @@ export default {
       }
     }
   }
+
   .tooltip_box {
     position: absolute;
     top: 100px;
@@ -505,6 +508,7 @@ export default {
     z-index: 99;
     width: fit-content;
     height: fit-content;
+
     .tooltip_list {
       width: fit-content;
       height: calc(100vh - 120px);
@@ -516,12 +520,15 @@ export default {
       &::-webkit-scrollbar-track {
         background-color: transparent;
       }
+
       &::-webkit-scrollbar-thumb {
         background-color: #0979ca;
       }
+
       .tooltip_item {
         width: 450px;
         height: fit-content;
+
         .tooltip_head {
           width: 100%;
           height: 40px;
@@ -532,6 +539,7 @@ export default {
           padding-left: 56px;
           display: flex;
           align-items: center;
+
           ::v-deep .el-checkbox {
             .el-checkbox__inner {
               width: 16px;
@@ -539,13 +547,16 @@ export default {
               background-color: transparent;
               border-color: #FFFFFF40;
             }
+
             .el-checkbox__input.is-checked .el-checkbox__inner {
               border-color: #FFFFFF40;
             }
+
             .el-checkbox__inner::after {
               left: 5px;
             }
           }
+
           .icon_1 {
             width: 20px;
             height: 20px;
@@ -554,10 +565,12 @@ export default {
             margin-left: 10px;
             margin-right: 10px;
           }
+
           .backColor {
             background-color: #00fb59;
           }
         }
+
         .tooltip_content {
           box-sizing: border-box;
           padding: 15px;
@@ -566,6 +579,7 @@ export default {
           background-image: url('~@/assets/bigScreen/point/icon_crad_2.png');
           background-repeat: no-repeat;
           background-size: 100% 100%;
+
           .content_1 {
             width: 100%;
             height: 100%;
@@ -573,17 +587,20 @@ export default {
           }
         }
       }
+
       .tooltip_item+.tooltip_item {
         margin-top: 20px;
       }
     }
   }
+
   .title_box {
     position: absolute;
     top: 120px;
     left: 50%;
     // bottom: 80px;
     transform: translateX(-50%);
+
     .text {
       font-size: 18px;
       font-weight: 700;
@@ -600,23 +617,30 @@ export default {
     background-repeat: no-repeat;
     background-position: -18px -18px;
     background-size: 1028px 472px;
+
     .el-dialog__header {
       padding: 30px;
       padding-bottom: 10px;
+
       .el-dialog__title {
-                background: linear-gradient(to bottom, #ffffff, #8af3ff); /* 渐变颜色 */
+        background: linear-gradient(to bottom, #ffffff, #8af3ff);
+        /* 渐变颜色 */
         background-clip: text;
         -webkit-background-clip: text;
-                color: transparent; /* 使文字透明，以显示背景渐变 */
+        color: transparent;
+        /* 使文字透明，以显示背景渐变 */
         // color: #8af3ff;
         font-weight: bold;
         font-size: 18px;
-                text-shadow: 0 0 10px rgba(255, 255, 255, 0.6); /* 白色发光 */
+        text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
+        /* 白色发光 */
         letter-spacing: 0.1em;
       }
+
       .el-dialog__headerbtn {
         top: 30px;
         right: 30px;
+
         .el-dialog__close {
           font-weight: 700;
           font-size: 18px;
@@ -624,11 +648,13 @@ export default {
         }
       }
     }
+
     .el-dialog__body {
       padding-left: 30px;
       padding-right: 30px;
       padding-top: 10px;
     }
+
     .dia_box {
       // width: 800px;
       width: 100%;