diff --git a/src/pages/index/about.vue b/src/pages/index/about.vue
index 550a9e1..1161772 100644
--- a/src/pages/index/about.vue
+++ b/src/pages/index/about.vue
@@ -30,12 +30,12 @@
       </wd-button>
     </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>
   <fg-tabbar />