fix:移动端底部按钮修改
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<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";
|
||||
|
||||
const { routerPushByKey } = useRouterPush();
|
||||
@@ -11,23 +11,18 @@ defineOptions({
|
||||
<template>
|
||||
<DarkModeContainer class="h-full flex-center">
|
||||
<div class="flex-item">
|
||||
<ButtonIcon class="text-icon-large" @click="routerPushByKey('home')">
|
||||
<HomeOutlined />
|
||||
</ButtonIcon>
|
||||
</div>
|
||||
<div class="flex-item">
|
||||
<ButtonIcon class="text-icon-large" @click="routerPushByKey('recharge_rechargeservice')">
|
||||
<MoneyCollectOutlined />
|
||||
<ButtonIcon >
|
||||
<HomeOutlined class="text-icon-large" @click="routerPushByKey('home')"/>
|
||||
</ButtonIcon>
|
||||
</div>
|
||||
<div class="flex-item">
|
||||
<ButtonIcon>
|
||||
<MenuOutlined class="text-icon-large" @click="routerPushByKey('billing_billservice')"/>
|
||||
<MoneyCollectOutlined 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 >
|
||||
<UserOutlined class="text-icon-large" @click="routerPushByKey('user-info/usercard')"/>
|
||||
</ButtonIcon>
|
||||
</div>
|
||||
</DarkModeContainer>
|
||||
|
||||
Reference in New Issue
Block a user