update docs

Author: wu-clan

docs/.vuepress/components/SponsorHome.vue

@@ -8,11 +8,11 @@ import { homeSponsor } from "../data/sponsors";
     <a :href="homeSponsor.href" target="_blank">
       <img width="121" :src="homeSponsor.link" :alt="homeSponsor.alt" />
     </a>
-    <span>{{ homeSponsor.description }}</span>
+    <span>{{ homeSponsor.text || homeSponsor.alt }}</span>
   </section>
   <section v-else id="special-spsr">
     <span class="no-sponsor">
-      <a href="/fastapi_best_architecture_docs/sponsors#展位赞助商">特别赞助位目前空缺 - 现在咨询 💬</a>
+      <a href="/fastapi_best_architecture_docs/sponsors">特别赞助位目前空缺 - 现在咨询 💬</a>
     </span>
   </section>
 </template>
@@ -42,8 +42,6 @@ import { homeSponsor } from "../data/sponsors";
   padding: 12px;
   display: flex;
   align-items: center;
-  margin: 0 -9999px;
-  padding: 1 9999px;
 }
 
 #special-spsr span {
@@ -57,6 +55,10 @@ import { homeSponsor } from "../data/sponsors";
   text-align: right;
 }
 
+#special-spsr a {
+  padding: 0 24px;
+}
+
 #special-spsr img {
   height: 52px;
   margin: -6px 0;

docs/.vuepress/components/SponsorPanel.vue

@@ -6,27 +6,35 @@
       <Icon v-else name="iconamoon:arrow-down-2" />
     </span>
   </div>
-  <div class="sponsor-container" v-if="!isCollapsed">
+  <div class="sponsor-container">
     <div class="gold-sponsors">
       <div
         v-for="(sponsor, index) in goldSponsors"
         :key="'gold-' + index"
         class="sponsor-item gold"
+        :class="{ 'collapsed-mode': isCollapsed }"
         @click="openSponsorLink(sponsor.href)"
+        v-show="!isCollapsed || (isCollapsed && hasValidText(sponsor))"
       >
         <img v-if="sponsor.link" :src="sponsor.link" :alt="sponsor.alt" class="sponsor-image" />
-        <span v-else class="sponsor-text">{{ sponsor.text }}</span>
+        <span v-if="hasText(sponsor)" class="sponsor-text" :class="{ 'collapsed-text': isCollapsed }">
+          {{ sponsor.text || sponsor.alt }}
+        </span>
       </div>
     </div>
     <div class="general-sponsors">
       <div
         v-for="(sponsor, index) in generalSponsors"
         :key="'general-' + index"
         class="sponsor-item"
+        :class="{ 'collapsed-mode': isCollapsed }"
         @click="openSponsorLink(sponsor.href)"
+        v-show="!isCollapsed || (isCollapsed && hasValidText(sponsor))"
       >
         <img v-if="sponsor.link" :src="sponsor.link" :alt="sponsor.alt" class="sponsor-image" />
-        <span v-else class="sponsor-text">{{ sponsor.text }}</span>
+        <span v-if="hasText(sponsor)" class="sponsor-text" :class="{ 'collapsed-text': isCollapsed }">
+          {{ sponsor.text || sponsor.alt }}
+        </span>
       </div>
     </div>
   </div>
@@ -38,6 +46,15 @@ import { goldSponsors, generalSponsors } from "../data/sponsors";
 
 const isCollapsed = ref(sessionStorage.getItem("sponsorCollapsed") === "true");
 
+const hasText = (sponsor) => {
+  return !!sponsor.text || !!sponsor.alt;
+};
+
+const hasValidText = (sponsor) => {
+  const text = sponsor.text || sponsor.alt || '';
+  return hasText(sponsor) && !text.includes('成为赞助商');
+};
+
 const toggleCollapse = () => {
   isCollapsed.value = !isCollapsed.value;
   sessionStorage.setItem("sponsorCollapsed", isCollapsed.value);
@@ -97,6 +114,8 @@ onMounted(() => {
   align-items: center;
   justify-content: center;
   height: 66px;
+  transition: all 0.3s ease;
+  position: relative;
 }
 
 .sponsor-item:hover {
@@ -108,17 +127,46 @@ onMounted(() => {
 }
 
 .sponsor-image {
+  position: absolute;
   width: 100%;
   height: 100%;
   object-fit: fill;
+  transition: opacity 0.3s ease;
 }
 
 .sponsor-text {
   color: var(--vp-c-text-3);
   font-size: 10px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: 100%;
+  padding: 0 8px;
 }
 
 .sponsor-item.gold .sponsor-text {
   font-size: 12px;
 }
+
+.sponsor-item.collapsed-mode {
+  height: 28px;
+}
+
+.sponsor-item.gold.collapsed-mode {
+  height: 32px;
+}
+
+.collapsed-mode .sponsor-image {
+  opacity: 0;
+}
+
+.collapsed-text {
+  color: var(--vp-c-brand-1) !important;
+  font-weight: 600;
+  transform: scale(1.05);
+}
+
+.collapsed-mode:hover .collapsed-text {
+  color: var(--vp-c-text-1) !important;
+}
 </style>

docs/.vuepress/data/sponsors.ts

@@ -7,29 +7,28 @@ export const homeSponsor = ref(
         link: '',
         text: '成为赞助商',
         href: sponsorUrl,
-        alt: 'wu-clan',
-        description: 'fba 官方合作伙伴',
+        alt: 'fba 官方合作伙伴'
     }
 )
 
 export const goldSponsors = ref([
     {
-        link: 'https://dscache.tencent-cloud.cn/upload//rhino-design-800x450-fea2ea55b7b63624628bf9bb22454cb8f91b7d69.png',
+        link: '',
         text: '【腾讯云】春季大促，助力开工，2核2G云服务器低至 68元/年',
         href: 'https://curl.qcloud.com/f9VMAii8',
-        alt: 'wu-clan',
+        alt: '',
     },
     {
         link: 'https://img14.360buyimg.com/ddimg/jfs/t1/284966/5/22913/37242/68023351Faddd8304/6337ad52ea02ad10.jpg',
         text: '302.AI',
         href: 'https://share.302.ai/LJojhb',
-        alt: 'wu-clan',
+        alt: '',
     },
     {
         link: '',
         text: '成为赞助商',
         href: sponsorUrl,
-        alt: 'wu-clan',
+        alt: '',
     }
 ])
 
@@ -38,36 +37,36 @@ export const generalSponsors = ref([
         link: 'https://user.by.ltd/templates/lagom/assets/img/logo/logo_big.png',
         text: 'Bywave',
         href: 'https://user.by.ltd/aff.php?aff=12215',
-        alt: 'wu-clan',
+        alt: '',
     },
     {
         link: '',
         text: '成为赞助商',
         href: sponsorUrl,
-        alt: 'wu-clan',
+        alt: '',
     },
     {
         link: '',
         text: '成为赞助商',
         href: sponsorUrl,
-        alt: 'wu-clan',
+        alt: '',
     },
     {
         link: '',
         text: '成为赞助商',
         href: sponsorUrl,
-        alt: 'wu-clan',
+        alt: '',
     },
     {
         link: '',
         text: '成为赞助商',
         href: sponsorUrl,
-        alt: 'wu-clan',
+        alt: '',
     },
     {
         link: '',
         text: '成为赞助商',
         href: sponsorUrl,
-        alt: 'wu-clan',
+        alt: '',
     }
 ])

docs/plugin/market.md

@@ -127,8 +127,8 @@ title: 插件市场
     <Badge text="extra" color="var(--vp-c-text-2)" bg-color="rgb(17 170 0 / 38%)"/>
     </span>
   </LinkCard>
-  <LinkCard icon="ant-design:wechat-work-outlined" title="配置下发" href="https://github.com/dividduang/wecom-task">
-    <p style="color: #898989;">企业微信群聊机器人定时发送消息</p>
+  <LinkCard icon="ant-design:wechat-work-outlined" title="企微 bot 定时任务" href="https://github.com/dividduang/wecom-task">
+    <p style="color: #898989;">定时调用企业微信群聊机器人发送消息</p>
     <span>
     <Icon name="logos:mysql" size="1.5em" />
     ·