feat:套餐与充值界面修改

src/layouts/modules/global-footer/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {ProfileOutlined,UserOutlined,HomeOutlined} from "@ant-design/icons-vue";
+import {MenuOutlined,UserOutlined,HomeOutlined,MoneyCollectOutlined} from "@ant-design/icons-vue";
 import {useRouterPush} from "@/hooks/common";
 
 const { routerPushByKey } = useRouterPush();
@@ -16,12 +16,17 @@ defineOptions({
       </ButtonIcon>
     </div>
     <div class="flex-item">
-      <ButtonIcon>
-        <ProfileOutlined class="text-icon-large" @click="routerPushByKey('billing_billservice')"/>
+      <ButtonIcon class="text-icon-large" @click="routerPushByKey('recharge_rechargeservice')">
+        <MoneyCollectOutlined />
       </ButtonIcon>
     </div>
     <div class="flex-item">
-      <ButtonIcon  class="text-icon-large" @click="routerPushByKey('user-info/usercard')">
+      <ButtonIcon>
+        <MenuOutlined class="text-icon-large" @click="routerPushByKey('billing_billservice')"/>
+      </ButtonIcon>
+    </div>
+    <div class="flex-item">
+      <ButtonIcon class="text-icon-large" @click="routerPushByKey('user-info/usercard')">
         <UserOutlined />
       </ButtonIcon>
     </div>
@@ -36,7 +41,7 @@ defineOptions({
 }
 
 .flex-item {
-  flex-basis: 33.33%; /* 每个子元素占据三分之一的宽度 */
+  flex-basis: 25%; /* 修改为25%，使每个子元素占据四分之一的宽度 */
   display: flex;
   justify-content: center; /* 在各自的空间内居中 */
 }