[feat] 彩虹图

src/views/xjc-integratedmachine/wakeup/rainbow/index.vue

@@ -23,10 +23,10 @@
                     <FollowRingChart ref="followRingChar2" id="ring-chart2" class="ring-chart2"
                                      :chartProps="chartPrpps2"
                                      style="z-index: 9999"/>
-                    <!--<FollowRingChart ref="followRingChart3" id="ring-chart3" class="ring-chart3"-->
-                    <!--:chartProps="chartPrpps3"/>-->
-                    <!--<FollowRingChart ref="followRingChart4" id="ring-chart4" class="ring-chart4"-->
-                    <!--:chartProps="chartPrpps4"/>-->
+                    <FollowRingChart ref="followRingChart3" id="ring-chart3" class="ring-chart3"
+                    :chartProps="chartPrpps3"/>
+                    <FollowRingChart ref="followRingChart4" id="ring-chart4" class="ring-chart4"
+                    :chartProps="chartPrpps4"/>
                     <!--<FollowRingChart ref="followRingChart5" id="ring-chart5" class="ring-chart5"-->
                     <!--:chartProps="chartPrpps5"/>-->
                     <!--<FollowRingChart ref="followRingChart6" id="ring-chart6" class="ring-chart6"-->
@@ -167,6 +167,8 @@
             console.log("t1")
         } else if (distance <= out_height.value - raduis_half[1] && distance > out_height.value - raduis_half[2]) {
             console.log("t2")
+        }else if (distance <= out_height.value - raduis_half[2] && distance > out_height.value - raduis_half[3]) {
+          console.log("t3")
         }
 
 
@@ -786,7 +788,7 @@
             width: 1832px;
             height: 800px;
             position: absolute;
-            left: 36px;
+            left: 48px;
             top: 36px;
         }
 
@@ -794,7 +796,7 @@
             width: 1832px;
             height: 800px;
             position: absolute;
-            left: 70px;
+            left: 80px;
             top: 69px;
         }
 
@@ -802,8 +804,8 @@
             width: 1832px;
             height: 800px;
             position: absolute;
+            left: 130px;
             top: 117px;
-            left: 117px;
         }
 
         .ring-chart5 {