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