组建默认颜色

packages/common/styles/variables.less

@@ -21,7 +21,7 @@
 @divider-color:#fafafa;
 @switch-box-bg:#48D2A0;
 @check-box-bg:@theme-color;
-@radio-box-bg:@theme-color;
+@radio-box-bg:#ff00ff;
 
 
 /**

packages/components/CheckBox/index.vue

@@ -48,6 +48,7 @@ export default {
 </script>
 
 <style lang="less">
+  @import "../../common/styles/variables";
   .h-checkbox {
     //width: 42px;
     //height: 42px;

packages/components/ListItem/Item.vue

@@ -109,6 +109,7 @@ export default {
 </script>
 
 <style lang="less">
+  @import "../../common/styles/variables";
   .hls-item {
     //height: 100px;
     width: 100%;
@@ -219,8 +220,8 @@ export default {
         }
 
         .toggle.toggle-positive input:checked + .track {
-          border-color: @check-box-bg;
-          background-color: @check-box-bg;
+          border-color: @switch-box-bg;
+          background-color: @switch-box-bg;
 
           .handle {
             width: 22.5px;

packages/components/Radio/radio.vue

@@ -63,8 +63,8 @@ export default {
   },
 }
 </script>
-
 <style lang="less">
+  @import "../../common/styles/variables";
   .h-radio {
     display: flex;
     height: 100%;

packages/components/Switch/index.vue

@@ -53,7 +53,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-
+ @import "../../common/styles/variables";
   .toggle-check {
     display: -webkit-flex;
     display: flex;