diff --git a/packages/theme/src/skeleton-item/vars.less b/packages/theme/src/skeleton-item/vars.less index 9423037151..d4a337a0f0 100644 --- a/packages/theme/src/skeleton-item/vars.less +++ b/packages/theme/src/skeleton-item/vars.less @@ -6,13 +6,12 @@ // 图片颜色设置 --ti-skeleton-item-image-icon-color: var(--ti-common-color-bg-normal); // 方形高度设置 - --ti-skeleton-item-square-height: var(--ti-common-size-4x); + --ti-skeleton-item-square-height: var(--ti-common-size-7x); // 圆角半径设置 - --ti-skeleton-item-circle-border-radius: var(--ti-common-border-radius-3, 50%); - // 圆形大尺寸设置 + --ti-skeleton-item-circle-border-radius: 50%; --ti-skeleton-item-circle-large-size: var(--ti-common-size-15x); // 圆形中尺寸设置 - --ti-skeleton-item-circle-medium-size: var(--ti-common-size-10x); + --ti-skeleton-item-circle-medium-size: var(--ti-common-size-12x); // 圆形小尺寸设置 --ti-skeleton-item-circle-small-size: var(--ti-common-size-5x); // 小图片高度设置 diff --git a/packages/theme/src/skeleton/vars.less b/packages/theme/src/skeleton/vars.less index dd615295c2..f583875422 100644 --- a/packages/theme/src/skeleton/vars.less +++ b/packages/theme/src/skeleton/vars.less @@ -3,10 +3,10 @@ --ti-skeleton-avatar-background-color: var(--ti-common-color-bg-disabled, #f5f5f6); --ti-skeleton-avatar-margin-right: var(--ti-common-space-4x, 16px); --ti-skeleton-title-margin-bottom: var(--ti-common-space-4x, 16px); - --ti-skeleton-title-width: 20%; + --ti-skeleton-title-width: 240px; --ti-skeleton-row-margin-bottom: var(--ti-common-space-3x, 12px); --ti-skeleton-last-row-width: 60%; - --ti-skeleton-title-height: var(--ti-common-space-6x); + --ti-skeleton-title-height: 48px; --ti-skeleton-rows-margin-top: var(--ti-common-space-6x); --ti-skeleton-rows-margin-bottom: var(--ti-common-space-6x); }