diff --git a/src/pages/index/about.vue b/src/pages/index/about.vue
index facc8a0..36afe0a 100644
--- a/src/pages/index/about.vue
+++ b/src/pages/index/about.vue
@@ -36,12 +36,12 @@
     </view>
 
     <view class="text-center mt-8">
-      <text mr-2>iconfont:</text>
-      <text class="gap-2 text-red">
-        <i class="iconfont icon-my" />
-        <i class="iconfont icon-chat" />
-        <i class="iconfont icon-package" />
-      </text>
+      <text class="mr-2">iconfont:</text>
+      <view class="inline-flex gap-2 text-red">
+        <view class="iconfont icon-my" />
+        <view class="iconfont icon-chat" />
+        <view class="iconfont icon-package" />
+      </view>
     </view>
   </view>
 </template>