主排水相对定位

src/views/drain/configImg/index.vue

@@ -159,91 +159,91 @@ export default {
   width: 15px;
   height: 30px;
   position: absolute;
-  top: 68px;
-  left: 63px;
+  top: 8%;
+  left: 4%;
 }
 .botton1 {
   width: 15px;
   height: 30px;
   position: absolute;
-  top: 374px;
-  left: 146px;
+  top: 44%;
+  left: 9%;
 }
 .botton2 {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   position: absolute;
-  top: 375px;
-  left: 378px;
+  top: 44.5%;
+  left: 23.6%;
 }
 .botton3 {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   position: absolute;
-  top: 305px;
-  left: 430px;
+  top: 36%;
+  left: 27%;
 }
 .botton4 {
   width: 15px;
   height: 30px;
   position: absolute;
-  top: 140px;
-  left: 542px;
+  top: 16%;
+  left: 34%;
 }
 .botton5 {
   width: 15px;
   height: 30px;
   position: absolute;
-  top: 375px;
-  left: 624px;
+  top: 44%;
+  left: 39%;
 }
 .botton6 {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   position: absolute;
-  top: 375px;
-  left: 855px;
+  top: 44.5%;
+  left: 53.5%;
 }
 .botton7 {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   position: absolute;
-  top: 305px;
-  left: 907px;
+  top: 36%;
+  left: 57%;
 }
 .botton8 {
   width: 15px;
   height: 30px;
   position: absolute;
-  top: 137px;
-  left: 1021px;
+  top: 16%;
+  left: 63.7%;
 }
 .botton9 {
   width: 15px;
   height: 30px;
   position: absolute;
-  top: 372px;
-  left: 1103px;
+  top:44.5%;
+  left: 69%;
 }
 .botton10 {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   position: absolute;
-  top: 380px;
-  right: 245px;
+  top: 44.5%;
+  right: 15.5%;
 }
 .botton11 {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   position: absolute;
-  top: 306px;
-  right: 195px;
+  top: 36%;
+  right: 12%;
 }
 .red {
   background-color: #f90005;