some modify

src/assets/style/color.less

@@ -1,2 +1,29 @@
 // html color
 @HC: #fff;
+
+// border box 4 stroke color one
+@BB4SCOC: red;
+
+// border box 4 stroke color two
+@BB4SCTC: fade(blue, 80);
+
+// capsule chart capsule item box shadow
+@CCCIBSC: #999;
+
+// decoration 2 line color
+@D2LC: #3faacb;
+
+// decoration 2 tail color
+@D2TC: #fff;
+
+// number show item background color
+@NSIBC: rgba(4, 49, 128, 0.6);
+
+// number show item number color
+@NSINC: rgb(8, 229, 255);
+
+// ring chart label line color
+@RCLLC: rgba(255, 255, 255, 0.6);
+
+// border box 5 stroke color
+@BB5SC: #fff;

src/assets/style/fontSize.less

@@ -0,0 +1,20 @@
+// capsule chart label column
+@CCLCFS: 12px;
+
+// capsule chart unit label
+@CCULFS: 12px;
+
+// number show item
+@NSIFS: 45px;
+
+// ring chart percent show number
+@RCPSNFS: 28px;
+
+// ring chart percent show after
+@RCPSAFS: 15px;
+
+// ring chart current label
+@RCCLFS: 16px;
+
+// ring chart lable line
+@RCLLFS: 12px;

src/assets/style/index.less

@@ -1,8 +1,6 @@
 @import url('./color.less');
 @import url('./fontSize.less');
 
-@import url('./electroniceFile.less');
-
 * {
   margin: 0px;
   padding: 0px;

src/assets/style/manageDesk.less

@@ -0,0 +1,11 @@
+// header left title
+@MDHLTC: rgba(1, 134, 187, 0.91);
+
+// header left
+@MDHLFS: 20px;
+
+// header middle
+@MDHMFS: 33px;
+
+// header right
+@MDHRFS: 18px;

src/components/borderBox4/index.vue

@@ -49,6 +49,8 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@import url('../../assets/style/index.less');
+
 .border-box-4 {
   position: relative;
   box-sizing: border-box;
@@ -71,11 +73,11 @@ export default {
   }
 
   .sred {
-    stroke: red;
+    stroke: @BB4SCOC;
   }
 
   .sblue {
-    stroke: fade(blue, 80);
+    stroke: @BB4SCTC;
   }
 
   .sw1 {