From 1d0db2268bc114753f1f2b0fce056cfbaf519a64 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 10 十月 2023 11:06:22 +0800
Subject: [PATCH] 代码更新
---
src/components/menu/bottom-menu.vue | 23 ++++++++---------------
1 files changed, 8 insertions(+), 15 deletions(-)
diff --git a/src/components/menu/bottom-menu.vue b/src/components/menu/bottom-menu.vue
index 099ebfa..52c033a 100644
--- a/src/components/menu/bottom-menu.vue
+++ b/src/components/menu/bottom-menu.vue
@@ -1,10 +1,6 @@
<template>
<div class="specialTool">
- <div
- class="legend"
- v-for="(item, index) in list"
- :key="index"
- >
+ <div class="legend" v-for="(item, index) in list" :key="index">
<img
class="img"
:src="item.icon"
@@ -20,32 +16,29 @@
.specialTool {
position: absolute;
bottom: 45px;
- /* width: 650px; */
- /* padding: 5px; */
+ width: 680px;
+ padding: 5px;
border: 2px solid #016ce2;
border-radius: 3px;
background-color: #0952c860;
color: #fff;
- font-size: 10px;
+ font-size: 15px;
left: 50%;
transform: translateX(-50%);
z-index: 99999;
pointer-events: all;
- padding: 10px 10px;
- padding-left: 0px;
+ display: flex;
+ justify-content: space-between;
}
.legend {
- /* width: 150px; */
- margin-left: 10px;
+ width: 150px;
display: flex;
- float: left;
flex-direction: column;
justify-content: center;
align-items: center;
- /* background: red; */
}
img {
- width: 20px;
+ width: 40px;
}
</style>
--
Gitblit v1.9.3