From 1e85fa442e47de81021c782b4c286e4fd1f737c3 Mon Sep 17 00:00:00 2001
From: haoziqaq <357229046@qq.com>
Date: Thu, 15 Apr 2021 23:43:54 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui/chip):=20=E4=BF=AE=E5=A4=8Dchip=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=BC=95=E5=85=A5=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

affects: @varlet/ui
---
 packages/varlet-ui/src/chip/Chip.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/varlet-ui/src/chip/Chip.vue b/packages/varlet-ui/src/chip/Chip.vue
index 47764248c47..cf1b6faa9f9 100644
--- a/packages/varlet-ui/src/chip/Chip.vue
+++ b/packages/varlet-ui/src/chip/Chip.vue
@@ -10,7 +10,7 @@
       <slot name="right" />
 
       <span v-if="closable" class="var-chip--close" @click="onClose">
-        <var-icon :name="`${iconName ? iconName : 'close-circle'}`"></var-icon>
+        <var-icon :name="`${iconName ? iconName : 'close-circle'}`" />
       </span>
     </span>
   </transition>
@@ -48,9 +48,9 @@ export default defineComponent({
     const contentClass: ComputedRef<Array<string | false | undefined>> = computed(() => {
       const { size, block, type, plain, round } = props
 
-      const blockClass = block ? `var--flex` : 'var--inline-flex'
+      const blockClass = block ? 'var--flex' : 'var--inline-flex'
       const plainTypeClass = plain ? `var-chip--plain var-chip--plain-${type}` : `var-chip--${type}`
-      const roundClass = round && `var-chip--round`
+      const roundClass = round && 'var-chip--round'
 
       return [`var-chip--${size}`, blockClass, plainTypeClass, roundClass]
     })
@@ -64,5 +64,6 @@ export default defineComponent({
 </script>
 
 <style lang="less">
+@import '../icon/icon';
 @import './chip';
 </style>