u

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

@@ -4,4 +4,88 @@
 $descriptions-prefix: '#{$prefix}-descriptions';
 
 .#{$descriptions-prefix} {
+  font-size: 14px;
+  color: $text-color-base;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  .#{$descriptions-prefix}-header {
+    font-size: 16px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    color: $text-color-base;
+  }
+
+  .#{$descriptions-prefix}-body {
+    border-collapse: collapse;
+    font-size: 14px;
+    width: 100%;
+    &.#{$descriptions-prefix}-body-fixed {
+      table-layout: fixed;
+    }
+    &.#{$descriptions-prefix}-body-auto {
+      table-layout: auto;
+    }
+  }
+
+  .#{$descriptions-prefix}-label {
+    color: $text-color-placeholder;
+    word-break: break-all;
+  }
+
+  .#{$descriptions-prefix}-content {
+    word-break: break-all;
+  }
+
+  .#{$descriptions-prefix}-size-small {
+    .#{$descriptions-prefix}-label,
+    .#{$descriptions-prefix}-content {
+      padding: 8px 0;
+    }
+  }
+
+  .#{$descriptions-prefix}-size-medium {
+    .#{$descriptions-prefix}-label,
+    .#{$descriptions-prefix}-content {
+      padding: 12px 0;
+    }
+  }
+
+  .#{$descriptions-prefix}-size-large {
+    .#{$descriptions-prefix}-label,
+    .#{$descriptions-prefix}-content {
+      padding: 18px 0;
+    }
+  }
+
+  .#{$descriptions-prefix}-body-border {
+    > tbody > tr > td {
+      border: 1px solid $border-color-component;
+    }
+
+    .#{$descriptions-prefix}-label {
+      background-color: $bg-color-secondarycomponent;
+    }
+
+    &.#{$descriptions-prefix}-size-small {
+      .#{$descriptions-prefix}-label,
+      .#{$descriptions-prefix}-content {
+        padding: 8px 16px;
+      }
+    }
+
+    &.#{$descriptions-prefix}-size-medium {
+      .#{$descriptions-prefix}-label,
+      .#{$descriptions-prefix}-content {
+        padding: 12px 16px;
+      }
+    }
+    &.#{$descriptions-prefix}-size-large {
+      .#{$descriptions-prefix}-label,
+      .#{$descriptions-prefix}-content {
+        padding: 16px;
+      }
+    }
+  }
 }