From 79c956093b4a9dfd1b353acdc068053f8e2b586f Mon Sep 17 00:00:00 2001
From: h_mo <596417202@qq.com>
Date: Mon, 28 Nov 2022 22:40:59 +0800
Subject: [PATCH] =?UTF-8?q?style-=E4=BC=98=E5=8C=96iconify=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Iconify/index.vue | 10 ++++------
 src/pages/index/index.vue        | 10 ++++++----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Iconify/index.vue b/src/components/Iconify/index.vue
index 7439c8a..4570001 100644
--- a/src/components/Iconify/index.vue
+++ b/src/components/Iconify/index.vue
@@ -7,23 +7,21 @@
       type: String,
     },
     size: {
-      type: Number,
+      type: [Number, String],
     },
     color: {
       type: String,
     },
   });
 
-  const iconName = computed(() => {
-    return `i-${props.icon}`;
-  });
-
   const iconSize = ref<string | boolean>(
     props.size ? `${props.size}rpx` : false,
   );
   const style = computed(() => {
     return assign(
-      unref(iconSize) ? { size: props.size } : {},
+      unref(iconSize)
+        ? { width: unref(iconSize), height: unref(iconSize) }
+        : {},
       props.color ? { color: props.color } : {},
     );
   });
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index f68c685..289fef8 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -29,13 +29,15 @@
         <text class="">是否是Vue3: {{ isVue3 }}</text>
       </view>
       <view class="text-area">
-        <text class="">当前平台: {{ platform }}</text>
+        <text class="un-text-red">当前平台: {{ platform }}</text>
       </view>
       <BasicButton @click="handleGetStarted">Get Started → </BasicButton>
       <view class="un-text-red">uno css</view>
-      <Iconify icon="i-ph-anchor-simple-thin" />
-      <Iconify icon="i-ph-airplane-thin" />
-      <Iconify icon="i-ant-design-check-circle-filled" />
+      <Iconify icon="i-ph-anchor-simple-thin" size="65" />
+      <Iconify icon="i-system-uicons-book-text" />
+      <Iconify icon="i-system-uicons-battery-full" size="65" />
+      <Iconify icon="i-system-uicons-box-add" :size="65" />
+      <Iconify icon="i-system-uicons-bell-snooze" color="red" :size="65" />
     </view>
   </AppProvider>
 </template>