refactor: 完善首页快捷操作卡片

src/views/home/components/SponsorCard.vue

@@ -0,0 +1,37 @@
+<template>
+  <a-card title="特别赞助" :bordered="false" size="medium" class="card gi_card_title">
+    <template #extra>
+      <a-link href="https://doc.charles7c.top/other/sponsor.html" target="_blank" rel="noopener">>></a-link>
+    </template>
+    <a-row :gutter="8">
+      <a-carousel
+        indicator-type="slider"
+        show-arrow="always"
+        auto-play
+        style="width: 100%; height: 110px; border-radius: 4px; overflow: hidden"
+      >
+        <a-carousel-item v-for="(image, idx) in imageList" :key="idx">
+          <a :href="image.link" target="_blank" :title="image.title">
+            <img :src="image.src" style="width: 100%" :alt="image.title" />
+          </a>
+        </a-carousel-item>
+      </a-carousel>
+    </a-row>
+  </a-card>
+</template>
+
+<script lang="ts" setup>
+interface ImageType {
+  src: string
+  title: string
+  link: string
+}
+
+const imageList: ImageType[] = [
+  {
+    src: `https://doc.charles7c.top/img/sponsor/ad/roovps.jpg?${new Date().getTime()}`,
+    title: 'ROOVPS',
+    link: 'https://roovps.com/cart'
+  }
+]
+</script>