feat(tag): improve close icon interaction

opentiny · Mar 3, 2025 · 383a341 · 383a341
1 parent e3bf5ad
commit 383a341
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/theme/src/tag/index.less b/packages/theme/src/tag/index.less
@@ -150,6 +150,7 @@
     font-size: var(--tv-Tag-close-icon-size);
     fill: var(--tv-Tag-close-icon-color);
     margin-left: var(--tv-Tag-close-icon-margin-left);
+    cursor: pointer;
 
     &:hover {
       fill: var(--tv-Tag-close-icon-color-hover);

diff --git a/packages/vue/src/tag/src/pc.vue b/packages/vue/src/tag/src/pc.vue
@@ -80,7 +80,7 @@ export default defineComponent({
       value || (slots.default && slots.default()) ? (
         <span data-tag="tiny-tag" class={classes} style={styles} onClick={handleClick}>
           {value ? <span>{value}</span> : slots.default && slots.default()}
-          {closable && <icon-close class="tiny-svg-size tiny-tag__close " onClick={handleClose}></icon-close>}
+          {closable && <icon-close class="tiny-svg-size tiny-tag__close" onClick={handleClose}></icon-close>}
         </span>
       ) : (
         <span></span>