u

code/base-project/base-vue/packages/ao-design/src/radio/index.scss

@@ -1,6 +1,7 @@
 @use '../_styles/_variables.scss' as *;
 
 $radio-prefix: '#{$prefix}-radio';
+$radio-group-prefix: '#{$prefix}-radio-group';
 
 .#{$radio-prefix} {
   color: $text-color-base;
@@ -10,6 +11,11 @@ $radio-prefix: '#{$prefix}-radio';
   cursor: pointer;
   user-select: none;
 
+  &.#{$radio-prefix}-disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
   &:hover .#{$radio-prefix}-main .#{$radio-prefix}-inner {
     border-color: $primary-color;
   }
@@ -42,8 +48,8 @@ $radio-prefix: '#{$prefix}-radio';
     .#{$radio-prefix}-inner {
       border: 1px solid $border-color;
       border-radius: 100%;
-      width: 16px;
-      height: 16px;
+      width: 14px;
+      height: 14px;
       background-color: $bg-color-container;
       position: relative;
       display: inline-block;
@@ -52,8 +58,8 @@ $radio-prefix: '#{$prefix}-radio';
       outline: 0;
       &::after {
         box-sizing: border-box;
-        width: 8px;
-        height: 8px;
+        width: 6px;
+        height: 6px;
         border-radius: 999px;
         background-color: transparent;
         content: '';
@@ -62,8 +68,8 @@ $radio-prefix: '#{$prefix}-radio';
         top: 50%;
         transform: translate(-50%, -50%) scale(0);
         transition:
-          transform 0.15s ease-in,
-          background-color 0.15s ease-in;
+          transform 0.1s ease-in,
+          background-color 0.1s ease-in;
       }
     }
   }
@@ -72,6 +78,8 @@ $radio-prefix: '#{$prefix}-radio';
     font-size: 12px;
     margin-left: 8px;
     vertical-align: middle;
-    line-height: 1;
   }
 }
+
+.#{$radio-group-prefix} {
+}