update docs

wu-clan · wu-clan · commit ee41cf335db7 · 2025-04-26T14:53:25.000+08:00
diff --git a/docs/.vuepress/components/BannerTop.vue b/docs/.vuepress/components/BannerTop.vue
@@ -12,7 +12,6 @@ function dismiss() {
 }
 
 function updateDocumentClass() {
-  console.log(isDismissed.value);
   if (typeof window !== 'undefined') {
     document.documentElement.classList.toggle("banner-dismissed", !isDismissed.value);
   }
diff --git a/docs/.vuepress/components/Price.vue b/docs/.vuepress/components/Price.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="pricing-container">
     <h1 class="pricing-title">选择适合您的版本</h1>
+    <p class="pricing-subtitle">
+      此仓库作为模板库公开，任何个人或企业均可自由使用！<br>
+      专业版是社区共建计划的一部分，您的支持将加速功能升级，推动全社区技术架构演进
+    </p>
     <div class="pricing-cards">
       <!-- 开源版 -->
       <div class="pricing-card">
@@ -10,7 +14,8 @@
             <p class="card-description">{{ plans.openSource.description }}</p>
           </div>
           <div class="price-section">
-            <div class="current-price">{{ plans.openSource.price.current }}</div>
+            <div class="current-price">{{ plans.openSource.price.current }} <span class="billing-cycle">/ 年</span>
+            </div>
             <div v-if="plans.openSource.price.original" class="original-price">
               <del>{{ plans.openSource.price.original }}</del>
             </div>
@@ -22,7 +27,10 @@
             </li>
           </ul>
         </div>
-        <button class="cta-button">立即使用</button>
+        <button class="cta-button"
+                @click="openSponsorLink('/fastapi_best_architecture_docs/backend/summary/quick-start.html')">
+          立即使用
+        </button>
       </div>
 
       <!-- 专业版 -->
@@ -34,7 +42,8 @@
             <p class="card-description">{{ plans.professional.description }}</p>
           </div>
           <div class="price-section">
-            <div class="current-price">{{ plans.professional.price.current }} <span class="billing-cycle">/ 年</span></div>
+            <div class="current-price">{{ plans.professional.price.current }} <span class="billing-cycle">/ 年</span>
+            </div>
             <div v-if="plans.professional.price.original" class="original-price">
               <del>{{ plans.professional.price.original }}</del>
             </div>
@@ -46,7 +55,7 @@
             </li>
           </ul>
         </div>
-        <button class="cta-button primary" @click="goSponsor">立即购买</button>
+        <button class="cta-button primary" @click="openSponsorLink(sponsorUrl + '#有偿赞助')">立即购买</button>
       </div>
 
       <!-- 企业版 -->
@@ -57,7 +66,8 @@
             <p class="card-description">{{ plans.enterprise.description }}</p>
           </div>
           <div class="price-section">
-            <div class="current-price">{{ plans.enterprise.price.current }} <span class="billing-cycle">/ 年</span></div>
+            <div class="current-price">{{ plans.enterprise.price.current }} <span class="billing-cycle">/ 年</span>
+            </div>
             <div v-if="plans.enterprise.price.original" class="original-price">
               <del>{{ plans.enterprise.price.original }}</del>
             </div>
@@ -69,7 +79,7 @@
             </li>
           </ul>
         </div>
-        <button class="cta-button" @click="goSponsor">立即购买</button>
+        <button class="cta-button">无此方案</button>
       </div>
     </div>
   </div>
@@ -78,23 +88,24 @@
 <script setup>
 import { plans } from "../data/price";
 import { openSponsorLink, sponsorUrl } from "../data/sponsors";
-
-const goSponsor = () => {
-  openSponsorLink(sponsorUrl + '#有偿赞助')
-}
 </script>
 
 <style scoped>
+.pricing-subtitle {
+  text-align: center;
+  margin-bottom: 2.5rem;
+  color: var(--vp-c-text-2);
+}
+
 .pricing-container {
-  max-width: 1200px;
   margin: 0 auto;
   padding: 2rem 0;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
 .pricing-title {
   text-align: center;
-  margin-bottom: 3rem;
+  margin-bottom: 2rem;
 }
 
 .pricing-cards {
@@ -134,15 +145,10 @@ const goSponsor = () => {
 }
 
 .card-header {
-  margin-bottom: 1.5rem;
+  margin: -1rem 0 1.5rem;
   text-align: center;
 }
 
-.card-header h2 {
-  font-size: 1.5rem;
-  margin-bottom: 0.5rem;
-}
-
 .card-description {
   font-size: 0.9rem;
   color: var(--vp-c-text-2);
diff --git a/docs/.vuepress/components/SponsorHome.vue b/docs/.vuepress/components/SponsorHome.vue
@@ -12,7 +12,7 @@ import { homeSponsor, shouldShowSponsor } from "../data/sponsors";
   </section>
   <section v-else id="special-spsr">
     <span class="no-brand">
-      <a href="/fastapi_best_architecture_docs/sponsors" target="_blank">特别赞助位目前空缺 - 现在咨询 💬</a>
+      <a href="/fastapi_best_architecture_docs/sponsors.html" target="_blank">特别赞助位目前空缺 - 现在咨询 💬</a>
     </span>
   </section>
 </template>
diff --git a/docs/.vuepress/data/price.ts b/docs/.vuepress/data/price.ts
@@ -4,17 +4,19 @@ export const plans = {
         title: '开源版',
         description: '适合个人开发者和小型项目',
         price: {
-            current: '免费',
-            original: ''
+            current: '￥0',
+            original: '￥0'
         },
         features: [
+            '全部基础功能',
             '全量架构源码',
             '社区支持',
             'MIT许可证',
-            '剔除版权标识',
+            '无需保留版权',
+            '无需保留许可声明',
             '自主部署',
             '部分文档访问',
-            '部分插件'
+            '部分插件源码'
         ]
     },
     professional: {
@@ -27,18 +29,18 @@ export const plans = {
         features: [
             '所有开源版功能',
             '优先支持',
-            '所有文档',
-            '所有官方插件',
             '一对一指导',
-            '远程支持'
+            '远程支持',
+            '所有文档访问',
+            '所有官方插件源码'
         ]
     },
     enterprise: {
         title: '企业版',
         description: '适合大型企业和关键业务',
         price: {
-            current: '￥99',
-            original: '￥8888'
+            current: '￥xxxx',
+            original: '￥xxxx'
         },
         features: [
             '所有专业版功能',
diff --git a/docs/backend/summary/intro.md b/docs/backend/summary/intro.md
@@ -108,4 +108,5 @@ mvc 架构作为常规设计模式，在 python web 中很常见，但是三层
 
 > [!IMPORTANT]
 > 特此感谢 [无名](https://github.com/lvright) 为此架构无偿设计的 LOGO
+>
 > LOGO 寓意：包含了 FBA 三个字母抽象结合，形成了一个类似从地面扩散投影上来的闪电
diff --git a/docs/backend/summary/why.md b/docs/backend/summary/why.md
@@ -7,7 +7,7 @@ import NpmBadge from 'vuepress-theme-plume/features/NpmBadge.vue'
 </script>
 
 > [!TIP]
-> 此仓库作为模板库公开，任何个人或企业均可免费使用！
+> 此仓库作为模板库公开，任何个人或企业均可自由使用！
 
 ::: note
 我们不会去对比任何其他架构，我们认为每个架构都有自己的特点，适用于不同的场景。
@@ -21,7 +21,7 @@ import NpmBadge from 'vuepress-theme-plume/features/NpmBadge.vue'
 
 ## 承诺
 
-此仓库作为模板库公开，任何个人或企业均可免费使用！您可以通过 [购买授权](../../price.md) 查看我们的授权方案
+此仓库作为模板库公开，任何个人或企业均可自由使用！您可以通过 [购买授权](../../price.md) 查看我们的授权方案
 
 ## 架构
 

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,6 @@ function dismiss() {`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`function updateDocumentClass() {`
`15`		`- console.log(isDismissed.value);`
`16`	`15`	`if (typeof window !== 'undefined') {`
`17`	`16`	`document.documentElement.classList.toggle("banner-dismissed", !isDismissed.value);`
`18`	`17`	`}`