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
index 30dd4e5c93..5a3e16e4c9 100644
--- 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,6 +8,9 @@
标签
+
+
+
@@ -41,4 +44,7 @@ const TinyIconChevronRight = iconChevronRight()
.medium {
font-size: 20px;
}
+.tiny-only-iocn {
+ border-radius: 0px 6px;
+}
diff --git a/examples/sites/demos/pc/app/tag/slot-default.vue b/examples/sites/demos/pc/app/tag/slot-default.vue
index 7d4574576e..2fbba8242e 100644
--- a/examples/sites/demos/pc/app/tag/slot-default.vue
+++ b/examples/sites/demos/pc/app/tag/slot-default.vue
@@ -6,6 +6,9 @@
标签
标签
标签
+
+
+
@@ -49,4 +52,7 @@ export default {
.medium {
font-size: 20px;
}
+.tiny-only-iocn {
+ border-radius: 0px 6px;
+}
diff --git a/packages/design/smb/src/alert/index.ts b/packages/design/smb/src/alert/index.ts
index 56686f74dc..5ca619b24d 100644
--- a/packages/design/smb/src/alert/index.ts
+++ b/packages/design/smb/src/alert/index.ts
@@ -1,9 +1,8 @@
-import { iconWarningTriangle, iconPromptExclamation } from '@opentiny/vue-icon'
+import { iconWarningTriangle } from '@opentiny/vue-icon'
export default {
icons: {
- warning: iconWarningTriangle(),
- info: iconPromptExclamation()
+ warning: iconWarningTriangle()
},
renderless: (props, hooks, { emit }, api) => {
const state = api.state
diff --git a/packages/theme/src/tag/index.less b/packages/theme/src/tag/index.less
index a75e18d739..ff23f17b72 100644
--- 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
index cdaf18ff06..fc405f5fbf 100644
--- a/packages/theme/src/tag/smb-theme.js
+++ b/packages/theme/src/tag/smb-theme.js
@@ -7,12 +7,13 @@ export const tinyTagSMBTheme = {
'ti-tag-medium-padding-horizontal': 'var(--ti-common-space-3x)',
'ti-tag-small-padding-horizontal': 'var(--ti-common-space-base)',
'ti-tag-small-border-radius': 'var(--ti-common-border-radius-1)',
- 'ti-tag-primary-background-color': 'var(--ti-common-color-bg-light-normal)',
+ 'ti-tag-primary-background-color': 'var(--ti-common-color-bg-6)',
'ti-tag-info-background-color': 'var(--ti-common-color-bg-light-normal)',
'ti-tag-border-weight': '0',
'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
index de601516c1..71ea015edf 100644
--- 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);
}