From bdbef0fbde20317d19bfc6d3473dabb10fb3fb3b Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 19 Apr 2025 15:41:21 +0800
Subject: [PATCH] feat: 修改任务事件概况的饼状图颜色
---
src/components/SvgIcon.vue | 26 ++++++++++----------------
1 files changed, 10 insertions(+), 16 deletions(-)
diff --git a/src/components/SvgIcon.vue b/src/components/SvgIcon.vue
index 7586fd4..2656980 100644
--- a/src/components/SvgIcon.vue
+++ b/src/components/SvgIcon.vue
@@ -1,28 +1,22 @@
<template>
- <svg
- :class="['svg-icon',props.className]"
- :style="{ width: size + 'px', height: size + 'px', color: color }"
- aria-hidden="true"
- >
- <use :xlink:href="`#icon-${name}`" />
- </svg>
+ <svg :class="['svg-icon']" aria-hidden="true">
+ <use :xlink:href="`#icon-${name}`" />
+ </svg>
</template>
<script setup>
const props = defineProps({
- name: { type: String, required: true }, // svg 图标名称
- className: { type: String, default: '' }, // 指定的类样式
- size: { type: Number, default: 32 }, // 图标尺寸
- color: { type: String, default: '#000' } // 图标颜色
+ name: { type: String, required: true }, // svg 图标名称
})
</script>
<style scoped lang="scss">
.svg-icon {
- width: 1em;
- height: 1em;
- vertical-align: -0.15em;
- fill: currentColor;
- overflow: hidden;
+ width: 1em;
+ height: 1em;
+ color: #000;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
}
</style>
--
Gitblit v1.9.3