fix(tag): [tag] updata tag xdesign

opentiny · Sep 9, 2024 · d1424ae · d1424ae
1 parent d4651c6
commit d1424ae
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 5 deletions.
diff --git a/examples/sites/demos/pc/app/tag/slot-default-composition-api.vue b/examples/sites/demos/pc/app/tag/slot-default-composition-api.vue
@@ -8,8 +8,8 @@
     <tiny-tag size="medium" :disabled="disabled" closable>
       <tiny-icon-time class="tiny-svg-size medium" />标签
     </tiny-tag>
-    <tiny-tag type="success" class="tiny-only-iocn">
-      <icon-fileupload />
+    <tiny-tag size="small" type="success" class="tiny-only-iocn">
+      <tiny-icon-fileupload />
     </tiny-tag>
   </div>
 </template>
@@ -45,6 +45,6 @@ const TinyIconChevronRight = iconChevronRight()
   font-size: 20px;
 }
 .tiny-only-iocn {
-  border-radius: 0px 8px 0px 8px;
+  border-radius: 0px 6px;
 }
 </style>
diff --git a/examples/sites/demos/pc/app/tag/slot-default.vue b/examples/sites/demos/pc/app/tag/slot-default.vue
@@ -53,6 +53,6 @@ export default {
   font-size: 20px;
 }
 .tiny-only-iocn {
-  border-radius: 0px 6px 0px 6px;
+  border-radius: 0px 6px;
 }
 </style>
diff --git a/packages/theme/src/tag/index.less b/packages/theme/src/tag/index.less
@@ -258,7 +258,7 @@
   &.is-disabled:hover {
     cursor: not-allowed;
     color: #c2c2c2;
-    background-color: rgba(0, 0, 0, 0.05);
+    background-color: var(--ti-tag-disabled-background-color);
     svg,
     svg:hover,
     .@{tag-prefix-cls}__close {

diff --git a/packages/theme/src/tag/smb-theme.js b/packages/theme/src/tag/smb-theme.js
@@ -13,6 +13,7 @@ export const tinyTagSMBTheme = {
   'ti-tag-border-radius': 'var(--ti-common-border-radius-2)',
   'ti-tag-close-font-size': 'var(--ti-common-font-size-2)',
   'ti-tag-close-margin-left': 'var(--ti-common-space-base)',
+  'ti-tag-disabled-background-color': 'var(--ti-common-color-bg-disabled)',
   'ti-tag-close-margin-right': 'calc(var(--ti-common-space-base) * -1)',
   'ti-tag-close-medium-margin-left': 'var(--ti-common-space-2x)',
   'ti-tag-close-medium-margin-right': 'calc(var(--ti-common-space-base) * -1)',

diff --git a/packages/theme/src/tag/vars.less b/packages/theme/src/tag/vars.less
@@ -156,4 +156,6 @@
   --ti-tag-grey-text-color: var(--ti-common-color-text-gray);
   // grey标签背景色
   --ti-tag-grey-bg-color: #e6e6e6;
+  // 禁用背景色
+  --ti-tag-disabled-background-color: rgba(0, 0, 0, 0.05);
 }