u

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

@@ -10,7 +10,7 @@ $radio-group-prefix: '#{$prefix}-radio-group';
   position: relative;
   cursor: pointer;
   user-select: none;
-
+  line-height: 20px;
   &.#{$radio-prefix}-disabled {
     cursor: not-allowed;
     opacity: 0.5;
@@ -30,10 +30,12 @@ $radio-group-prefix: '#{$prefix}-radio-group';
 
   .#{$radio-prefix}-main {
     cursor: pointer;
-    display: inline-flex;
+    display: flex;
+    align-items: center;
     white-space: nowrap;
     outline: 0;
-
+    margin-top: 2px;
+    vertical-align: sub;
     .#{$radio-prefix}-input {
       opacity: 0;
       outline: 0;
@@ -48,8 +50,8 @@ $radio-group-prefix: '#{$prefix}-radio-group';
     .#{$radio-prefix}-inner {
       border: 1px solid $border-color;
       border-radius: 100%;
-      width: 14px;
+      width: 16px;
-      height: 14px;
+      height: 16px;
       background-color: $bg-color-container;
       position: relative;
       display: inline-block;
@@ -58,8 +60,8 @@ $radio-group-prefix: '#{$prefix}-radio-group';
       outline: 0;
       &::after {
         box-sizing: border-box;
-        width: 6px;
+        width: 8px;
-        height: 6px;
+        height: 8px;
         border-radius: 999px;
         background-color: transparent;
         content: '';

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

@@ -86,9 +86,9 @@ export default defineComponent({
             onClick={e => e.stopPropagation()}
           />
         </span>
-        <span class={`${prefixCls}-content`}>
+        <div class={`${prefixCls}-content`}>
           {slots.default?.()}
-        </span>
+        </div>
 
       </label>
     )