refactor: 完善首页

src/views/home/components/SupportCard.vue

@@ -0,0 +1,19 @@
+<template>
+  <a-carousel
+    indicator-type="slider"
+    show-arrow="hover"
+    auto-play
+    style="width: 120px; height: 100px; border-radius: 4px; overflow: hidden"
+  >
+    <a-carousel-item v-for="(src, idx) in imageSrc" :key="idx">
+      <div style="padding-bottom: 10px; text-align: center">
+        <img :src="src" style="width: 80px" alt="QrCode" />
+        <div style="text-align: center">备注cnadmin进群</div>
+      </div>
+    </a-carousel-item>
+  </a-carousel>
+</template>
+
+<script lang="ts" setup>
+const imageSrc = [`https://doc.charles7c.top/qrcode.jpg?${new Date().getTime()}`]
+</script>

src/views/home/components/WorkCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-card title="工作台" :bordered="false" size="medium" class="card">
+  <a-card title="工作台" :bordered="false" class="card">
     <template #extra>
       <NowTime />
     </template>
@@ -15,6 +15,11 @@
           </div>
         </a-space>
       </a-col>
+      <a-col :xs="24" :sm="24" :md="10" :lg="8" :xl="8" :xxl="6" style="margin: -8px -7px">
+        <a-row justify="end">
+          <SupportCard />
+        </a-row>
+      </a-col>
     </a-row>
   </a-card>
 </template>
@@ -23,6 +28,7 @@
 import NowTime from './NowTime/index.vue'
 import { useUserStore } from '@/stores'
 import { goodTimeText } from '@/utils'
+import SupportCard from './SupportCard.vue'
 
 const userStore = useUserStore()
 </script>

src/views/home/index.vue

@@ -2,6 +2,11 @@
   <div class="gi_page home" id="home">
     <WorkCard />
 
+    <a-alert>
+      全新版本 v3.0.0 发布预告，采用全新前端模板，提供更可靠、更舒适的前端开发体验，点击查看
+      <span class="link" @click="open('https://gitee.com/continew/continew-admin-ui-gi/commits/dev')">项目进展</span>。
+    </a-alert>
+
     <a-row class="home__content">
       <a-col :xs="24" :sm="24" :md="24" :lg="12" :xl="18" :xxl="20">
         <div class="home__item"><ProjectCard /></div>
@@ -14,9 +19,7 @@
       </a-col>
     </a-row>
 
-    <a-back-top :visible-height="100" target-container="#home">
-      <GiSvgIcon name="backtop" :size="50" class="backtop-icon" />
-    </a-back-top>
+    <a-back-top :visible-height="100" target-container="#home" />
   </div>
 </template>
 
@@ -29,11 +32,23 @@ import NoticeCard from './components/NoticeCard.vue'
 import SponsorCard from './components/SponsorCard.vue'
 
 defineOptions({ name: 'Home' })
+
+const open = (url: string) => {
+  window.open(url, '_blank')
+}
 </script>
 
 <style lang="scss" scoped>
 .home {
   padding: 0;
+  span.link {
+    cursor: pointer;
+    color: rgb(var(--arcoblue-6));
+    font-weight: bold;
+    &:hover {
+      opacity: 0.7;
+    }
+  }
   &__content {
     padding: 6px;
   }