refactor: 重构工作台

src/layout/LayoutDefault.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-layout class="layout layout-default">
+  <a-layout class="layout layout-default" :class="{ mobile: isMobile }">
     <Asider></Asider>
     <a-layout class="layout-default-right">
       <Header></Header>
@@ -17,9 +17,11 @@ import Main from './components/Main.vue'
 import Tabs from './components/Tabs/index.vue'
 import GiFooter from '@/components/GiFooter/index.vue'
 import { useAppStore } from '@/stores'
+import { useDevice } from '@/hooks'
 
 defineOptions({ name: 'LayoutDefault' })
 const appStore = useAppStore()
+const { isMobile } = useDevice()
 </script>
 
 <style lang="scss" scoped>

src/views/dashboard/workplace/components/Carousel.vue

@@ -0,0 +1,33 @@
+<template>
+  <a-carousel
+    indicator-type="slider"
+    show-arrow="hover"
+    auto-play
+    style="width: 100%; height: 150px; border-radius: 4px; overflow: hidden"
+  >
+    <a-carousel-item v-for="(image, idx) in images" :key="idx">
+      <div>
+        <a-link
+          :href="image.url"
+          target="_blank"
+          rel="noopener"
+        >
+          <img :src="`${image.src}?${new Date().getTime()}`" style="width: 100%" alt="" />
+        </a-link>
+      </div>
+    </a-carousel-item>
+  </a-carousel>
+</template>
+
+<script lang="ts" setup>
+const images = [
+  {
+    src: 'https://continew.top/qrcode-text.png',
+    url: 'https://continew.top/about/intro.html'
+  },
+  {
+    src: 'https://continew.top/sponsor.png',
+    url: 'https://continew.top/sponsor.html'
+  }
+]
+</script>

src/views/dashboard/workplace/components/Docs.vue

@@ -0,0 +1,42 @@
+<template>
+  <a-card
+    class="general-card"
+    title="帮助文档"
+    :header-style="{ paddingBottom: 0 }"
+    :body-style="{ paddingTop: '5px' }"
+    style="height: 166px"
+  >
+    <template #extra>
+      <a-link href="https://continew.top" target="_blank" rel="noopener">更多</a-link>
+    </template>
+    <a-row>
+      <a-col v-for="link in links" :key="link.text" :span="12">
+        <a-link
+          :href="link.url"
+          target="_blank"
+          rel="noopener"
+        >
+          {{ link.text }}
+        </a-link>
+      </a-col>
+    </a-row>
+  </a-card>
+</template>
+
+<script setup lang="ts">
+const links = [
+  { text: '项目简介', url: 'https://continew.top/admin/intro/what-is.html' },
+  { text: '快速开始', url: 'https://continew.top/admin/intro/quick-start.html' },
+  { text: '常见问题', url: 'https://continew.top/faq.html' },
+  { text: '更新日志', url: 'https://continew.top/admin/other/changelog.html' },
+  { text: '贡献指南', url: 'https://continew.top/admin/other/contributing.html' },
+  { text: '赞助支持 💖', url: 'https://continew.top/sponsor.html' }
+]
+</script>
+
+<style lang="less" scoped>
+.arco-card-body .arco-link {
+  margin: 5px 0;
+  color: rgb(var(--gray-8));
+}
+</style>