From d3feaa39003f6fff4c44455566484001a80d1243 Mon Sep 17 00:00:00 2001
From: fuliqiang <1348994179@qq.com>
Date: Wed, 31 Jul 2024 11:34:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9svgIcon=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E5=86=99=E6=B3=95=E4=B8=BAts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/images/svg/start.svg           | 10 ++--
 .../src/components/svg-icon/svg-icon.vue      | 57 ++++++++-----------
 2 files changed, 28 insertions(+), 39 deletions(-)

diff --git a/bigtop-manager-ui/src/assets/images/svg/start.svg b/bigtop-manager-ui/src/assets/images/svg/start.svg
index f30aae4b..0366b3ac 100644
--- a/bigtop-manager-ui/src/assets/images/svg/start.svg
+++ b/bigtop-manager-ui/src/assets/images/svg/start.svg
@@ -17,10 +17,10 @@
   ~ specific language governing permissions and limitations
   ~ under the License.
 -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1722394194603"
-  class="icon" viewBox="0 0 1756 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1491"
-  xmlns:xlink="http://www.w3.org/1999/xlink" width="342.96875" height="200">
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1722396617369"
+  class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1344"
+  xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
   <path
-    d="M1220.672 487.107657c-0.215771-0.374857-0.453486-0.731429-0.676571-1.098971-6.266514-11.536457-16.010971-21.813029-28.692114-29.134629l-462.6944-267.136c-11.918629-6.880914-24.797257-10.203429-37.198629-10.296686-0.239543-0.003657-0.475429-0.020114-0.7168-0.020114-0.142629 0-0.2816 0.010971-0.424229 0.0128-0.778971 0.007314-1.552457 0.034743-2.327771 0.065829-0.164571 0.007314-0.329143 0.009143-0.493714 0.018286-20.598857 1.000229-39.416686 11.029943-49.634743 28.728686-4.885943 8.462629-7.259429 17.751771-7.389257 27.1488-0.751543 4.337371-1.155657 8.815543-1.155657 13.4016l0 534.273829c0 4.586057 0.404114 9.064229 1.155657 13.4016 0.129829 9.3952 2.505143 18.686171 7.389257 27.1488 10.218057 17.696914 29.034057 27.726629 49.632914 28.728686 0.1664 0.009143 0.334629 0.010971 0.501029 0.018286 0.771657 0.032914 1.543314 0.060343 2.320457 0.065829 0.142629 0.001829 0.2816 0.0128 0.424229 0.0128 0.241371 0 0.479086-0.018286 0.718629-0.020114 12.401371-0.095086 25.278171-3.4176 37.1968-10.296686l462.6944-267.136c12.682971-7.3216 22.4256-17.598171 28.692114-29.134629 0.223086-0.367543 0.4608-0.724114 0.676571-1.098971 5.176686-8.965486 7.533714-18.859886 7.389257-28.8256C1228.205714 505.967543 1225.848686 496.073143 1220.672 487.107657z"
-    fill="#333333" p-id="1492"></path>
+    d="M810.4 465.8 253.6 134.4c-6.8-4-13.8-6.4-21.8-6.4-21.8 0-39.6 18-39.6 40L192 168l0 688 0.2 0c0 22 17.8 40 39.6 40 8.2 0 15-2.8 22.4-6.8l556.2-331c13.2-11 21.6-27.6 21.6-46.2C832 493.4 823.6 477 810.4 465.8z"
+    p-id="1345"></path>
 </svg>
\ No newline at end of file
diff --git a/bigtop-manager-ui/src/components/svg-icon/svg-icon.vue b/bigtop-manager-ui/src/components/svg-icon/svg-icon.vue
index dbf6406b..d8656c83 100644
--- a/bigtop-manager-ui/src/components/svg-icon/svg-icon.vue
+++ b/bigtop-manager-ui/src/components/svg-icon/svg-icon.vue
@@ -17,38 +17,27 @@
   ~ under the License.
 -->
 
-<script>
-  import { defineComponent, computed } from 'vue'
-  export default defineComponent({
-    name: 'SvgIcon',
-    props: {
-      prefix: {
-        type: String,
-        default: 'icon'
-      },
-      name: {
-        type: String,
-        required: true
-      },
-      color: {
-        type: String,
-        default: '#000'
-      },
-      className: {
-        type: String,
-        default: ''
-      }
-    },
-    setup(props) {
-      const symbolId = computed(() => `#${props.prefix}-${props.name}`)
-      const svgClass = computed(() => {
-        if (props.className) {
-          return `svg-icon ${props.className}`
-        }
-        return 'svg-icon'
-      })
-      return { symbolId, svgClass }
+<script setup lang="ts">
+  import { computed } from 'vue'
+
+  interface SvgIconProps {
+    prefix: string
+    name: string
+    color: string
+    className: string
+  }
+
+  const props = withDefaults(defineProps<SvgIconProps>(), {
+    prefix: 'icon',
+    color: '#000'
+  })
+
+  const symbolId = computed(() => `#${props.prefix}-${props.name}`)
+  const svgClass = computed(() => {
+    if (props.className) {
+      return `svg-icon ${props.className}`
     }
+    return 'svg-icon'
   })
 </script>
 
@@ -60,10 +49,10 @@
 
 <style lang="scss" scoped>
   .svg-icon {
-    height: 1em;
-    width: 1em;
+    height: 1.2em;
+    width: 1.2em;
     margin-right: 6px;
-    vertical-align: -0.15em;
+    vertical-align: -0.25em;
     overflow: hidden;
   }
 </style>