WFC/fe.wfc.user
2
0
Fork 0
Code Activity

fix：移动端底部按钮修改

Browse Source
This commit is contained in:
zhongzm
2025-01-14 12:05:14 +08:00
parent e1c33e54ab
commit 0b48107e2e
1 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/layouts/modules/global-footer/index.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import {MenuOutlined,UserOutlined,HomeOutlined,MoneyCollectOutlined} from "@ant-design/icons-vue"; import {UserOutlined,HomeOutlined,MoneyCollectOutlined} from "@ant-design/icons-vue";
import {useRouterPush} from "@/hooks/common"; import {useRouterPush} from "@/hooks/common";
const { routerPushByKey } = useRouterPush(); const { routerPushByKey } = useRouterPush();
@@ -11,23 +11,18 @@ defineOptions({
<template> <template>
<DarkModeContainer class="h-full flex-center"> <DarkModeContainer class="h-full flex-center">
<div class="flex-item"> <div class="flex-item">
<ButtonIcon class="text-icon-large" @click="routerPushByKey('home')"> <ButtonIcon >
<HomeOutlined /> <HomeOutlined class="text-icon-large" @click="routerPushByKey('home')"/>
</ButtonIcon>
</div>
<div class="flex-item">
<ButtonIcon class="text-icon-large" @click="routerPushByKey('recharge_rechargeservice')">
<MoneyCollectOutlined />
</ButtonIcon> </ButtonIcon>
</div> </div>
<div class="flex-item"> <div class="flex-item">
<ButtonIcon> <ButtonIcon>
<MenuOutlined class="text-icon-large" @click="routerPushByKey('billing_billservice')"/> <MoneyCollectOutlined class="text-icon-large" @click="routerPushByKey('billing_billservice')"/>
</ButtonIcon> </ButtonIcon>
</div> </div>
<div class="flex-item"> <div class="flex-item">
<ButtonIcon class="text-icon-large" @click="routerPushByKey('user-info/usercard')"> <ButtonIcon >
<UserOutlined /> <UserOutlined class="text-icon-large" @click="routerPushByKey('user-info/usercard')"/>
</ButtonIcon> </ButtonIcon>
</div> </div>
</DarkModeContainer> </DarkModeContainer>