优化滚动条样式、优化复选框样式。

magic-editor/src/console/src/assets/index.css

@@ -144,7 +144,12 @@
     /* Internet Explorer 10+ */
     font-size: 12px;
 }
-
+.ma-container * {
+    scrollbar-color: var(--scollbar-thumb-background) var(--scollbar-thumb-background);
+    scrollbar-track-color: var(--scollbar-thumb-background);
+    -ms-scrollbar-track-color: var(--scollbar-thumb-background);
+    scrollbar-width: thin;
+}
 .ma-container *::-webkit-scrollbar {
     width: 7px;
     height: 7px;

magic-editor/src/console/src/components/common/magic-checkbox.vue

@@ -50,8 +50,9 @@ export default {
   font-size: 12px;
   height: 24px;
   line-height: 24px;
+  width: 24px;
   user-select: none;
-  display: inline;
+  display: inline-block;
 }
 
 .ma-checkbox input + label::after {
@@ -64,7 +65,7 @@ export default {
   line-height: 16px;
   position: absolute;
   top: 2px;
-  left: -10px;
+  left: 3px;
   text-align: center;
   font-size: 12px;
   color: var(--checkbox-text-color);

magic-editor/src/console/src/components/resources/magic-resource-choose.vue

@@ -334,12 +334,16 @@ export default {
 
 <style>
 @import './magic-resource.css';
+.ma-tree-wrapper .ma-checkbox input + label{
+  width: 12px !important;
+  height: 12px !important;
+}
 .ma-tree-wrapper .ma-checkbox input + label::after{
   width: 12px !important;
   height: 12px !important;
   line-height: 12px !important;
   top: 0 !important;
-  left: -5px !important;
+  left: 0 !important;
 }
 </style>
 <style scoped>