From 3465d50e50361b106684386f1055d7df2e6da97f Mon Sep 17 00:00:00 2001
From: 13404089107 <puwei@sinata.cn>
Date: 星期三, 26 三月 2025 16:44:42 +0800
Subject: [PATCH] 添加图标
---
src/components/BottomCharts.vue | 16 ++++++++--------
1 files changed, 8 insertions(+), 8 deletions(-)
diff --git a/src/components/BottomCharts.vue b/src/components/BottomCharts.vue
index 6896cc2..10c01e4 100644
--- a/src/components/BottomCharts.vue
+++ b/src/components/BottomCharts.vue
@@ -12,19 +12,19 @@
</div>
<div class="map-container">
<div class="map-marker-item" @click="handleMapMarkerClick('已出租')" :class="{ active: activeStatus === '已出租' }">
- <div class="map-marker-item-icon"></div>
+ <img :src="require('@/assets/blue.png')" width="30" height="30">
<div class="map-marker-item-text">已出租</div>
</div>
<div class="map-marker-item" @click="handleMapMarkerClick('待出租')" :class="{ active: activeStatus === '待出租' }">
- <div class="map-marker-item-icon"></div>
+ <img :src="require('@/assets/yellow.png')" width="30" height="30">
<div class="map-marker-item-text">待出租</div>
</div>
<div class="map-marker-item" @click="handleMapMarkerClick('维修中')" :class="{ active: activeStatus === '维修中' }">
- <div class="map-marker-item-icon"></div>
+ <img :src="require('@/assets/red.png')" width="30" height="30">
<div class="map-marker-item-text">维修中</div>
</div>
<div class="map-marker-item" @click="handleMapMarkerClick('欠费')" :class="{ active: activeStatus === '欠费' }">
- <div class="map-marker-item-icon"></div>
+ <img :src="require('@/assets/green.png')" width="30" height="30">
<div class="map-marker-item-text">欠费</div>
</div>
</div>
@@ -325,7 +325,7 @@
&:nth-child(1) {
.map-marker-item-icon {
- background-color: #4fd9ff;
+ // background-color: #4fsdsad9ff;
&::before,
&::after {
border: 2px solid #4fd9ff;
@@ -335,7 +335,7 @@
&:nth-child(2) {
.map-marker-item-icon {
- background-color: #faad14;
+ // background-color: #faad14;
&::before,
&::after {
border: 2px solid #faad14;
@@ -345,7 +345,7 @@
&:nth-child(3) {
.map-marker-item-icon {
- background-color: #ff4d4f;
+ // background-color: #ff4d4f;
&::before,
&::after {
border: 2px solid #ff4d4f;
@@ -355,7 +355,7 @@
&:nth-child(4) {
.map-marker-item-icon {
- background-color: #39c5bb;
+ // background-color: #39c5bb;
&::before,
&::after {
border: 2px solid #39c5bb;
--
Gitblit v1.7.1