abstract style

src/components/borderBox4/index.vue

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

src/components/borderBox5/index.vue

@@ -45,8 +45,6 @@ export default {
 </script>
 
 <style lang="less">
-@import url('../../assets/style/index.less');
-
 .border-box-5 {
   position: relative;
   box-sizing: border-box;
@@ -70,21 +68,21 @@ export default {
 
   .line-1 {
     stroke-width: 1;
-    stroke: fade(@BB5SC, 35);
+    stroke: fade(#fff, 35);
   }
 
   .line-2 {
-    stroke: fade(@BB5SC, 20);
+    stroke: fade(#fff, 20);
   }
 
   .line-3, .line-6 {
     stroke-width: 5;
-    stroke: fade(@BB5SC, 15);
+    stroke: fade(#fff, 15);
   }
 
   .line-4, .line-5 {
     stroke-width: 2;
-    stroke: fade(@BB5SC, 15);
+    stroke: fade(#fff, 15);
   }
 
 }

src/components/borderBox6/index.vue

@@ -52,8 +52,6 @@ export default {
 </script>
 
 <style lang="less">
-@import url('../../assets/style/index.less');
-
 .border-box-6 {
   position: relative;
   box-sizing: border-box;

src/components/capsuleChart/index.vue

@@ -72,8 +72,6 @@ export default {
 </script>
 
 <style lang="less">
-@import url('../../assets/style/index.less');
-
 .capsule-chart {
   position: relative;
   display: flex;
@@ -88,7 +86,7 @@ export default {
     box-sizing: border-box;
     padding-right: 10px;
     text-align: right;
-    font-size: @CCLCFS;
+    font-size: 12px;
 
     div {
       height: 20px;
@@ -104,7 +102,7 @@ export default {
   }
 
   .capsule-item {
-    box-shadow: 0 0 3px @CCCIBSC;
+    box-shadow: 0 0 3px #999;
     height: 10px;
     margin: 5px 0px;
     border-radius: 5px;
@@ -122,7 +120,7 @@ export default {
     display: flex;
     flex-direction: row;
     line-height: 20px;
-    font-size: @CCULFS;
+    font-size: 12px;
   }
 
   .unit-text {

src/components/decoration2/index.vue

@@ -34,25 +34,23 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import url('../../assets/style/index.less');
-
 .decoration-2 {
 
   .reverse, .normal {
-    background-color: @D2LC;
+    background-color: #3faacb;
   }
 
   .normal {
     width: 0%;
     height: 1px;
-    border-right: 1px solid @D2TC;
+    border-right: 1px solid #fff;
     animation: normal-amt 6s ease-in-out infinite;
   }
 
   .reverse {
     width: 1px;
     height: 0%;
-    border-bottom: 1px solid @D2TC;
+    border-bottom: 1px solid #fff;
     animation: reverse-amt 6s ease-in-out infinite;
   }
 

src/components/decoration4/index.vue

@@ -44,8 +44,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import url('../../assets/style/index.less');
-
 .decoration-4 {
 
   &.normal {

src/components/numberShow/index.vue

@@ -14,8 +14,6 @@ export default {
 </script>
 
 <style lang="less">
-@import url('../../assets/style/index.less');
-
 .number-show {
   display: inline-block;
 
@@ -25,11 +23,11 @@ export default {
     padding: 0 20px;
     line-height: 70px;
     text-align: center;
-    background-color: @NSIBC;
+    background-color: rgba(4, 49, 128, 0.6);
     margin-right: 20px;
-    color: @NSINC;
+    color: rgb(8, 229, 255);
     font-weight: bold;
-    font-size: @NSIFS;
+    font-size: 45px;
   }
 }
 </style>

src/components/ringChart/index.vue

@@ -357,8 +357,6 @@ export default {
 </script>
 
 <style lang="less">
-@import url('../../assets/style/index.less');
-
 .ring-chart {
   position: relative;
 
@@ -378,17 +376,17 @@ export default {
     max-width: 25%;
 
     .percent-show {
-      font-size: @RCPSNFS;
+      font-size: 28px;
 
       &::after {
         content: '%';
-        font-size: @RCPSAFS;
+        font-size: 15px;
         margin-left: 5px;
       }
     }
 
     .current-label {
-      font-size: @RCCLFS;
+      font-size: 16px;
       margin-top: 5%;
       transform: rotateY(0deg);
       overflow: hidden;
@@ -412,9 +410,9 @@ export default {
     width: 100%;
     height: 30px;
     bottom: 0px;
-    font-size: @RCLLFS;
+    font-size: 12px;
     line-height: 30px;
-    color: @RCLLC;
+    color: rgba(255, 255, 255, 0.6);
     display: flex;
     justify-content: space-around;