From 506e2a9030b11ad01b6717c051c1d2c977bdb22c Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Tue, 8 Feb 2022 15:16:03 +0800
Subject: [PATCH] docs: update site subtitle (#10267)

---
 .../site/desktop/components/Header.vue        | 31 ++++++++++++-------
 packages/vant/vant.config.mjs                 |  6 ++--
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/packages/vant-cli/site/desktop/components/Header.vue b/packages/vant-cli/site/desktop/components/Header.vue
index 229200396..175482753 100644
--- a/packages/vant-cli/site/desktop/components/Header.vue
+++ b/packages/vant-cli/site/desktop/components/Header.vue
@@ -4,7 +4,10 @@
       <div class="van-doc-header__top">
         <a class="van-doc-header__logo">
           <img :src="config.logo" />
-          <span>{{ config.title }}</span>
+          <span class="van-doc-header__title">{{ config.title }}</span>
+          <span v-if="config.subtitle" class="van-doc-header__subtitle">
+            {{ config.subtitle }}
+          </span>
         </a>
 
         <ul class="van-doc-header__top-nav">
@@ -241,21 +244,27 @@ export default {
   &__logo {
     display: block;
 
-    img,
-    span {
-      display: inline-block;
-      vertical-align: middle;
-    }
-
     img {
+      display: inline-block;
       width: 28px;
       margin-right: 12px;
+      vertical-align: middle;
     }
+  }
 
-    span {
-      color: #fff;
-      font-size: 22px;
-    }
+  &__title {
+    display: inline-block;
+    color: #fff;
+    font-size: 22px;
+    vertical-align: middle;
+  }
+
+  &__subtitle {
+    display: inline-block;
+    color: #999;
+    margin-left: 8px;
+    vertical-align: -4px;
+    font-size: 13px;
   }
 
   &__link {
diff --git a/packages/vant/vant.config.mjs b/packages/vant/vant.config.mjs
index 5eacab3fb..e4669ef5e 100644
--- a/packages/vant/vant.config.mjs
+++ b/packages/vant/vant.config.mjs
@@ -27,7 +27,8 @@ export default {
     },
     locales: {
       'zh-CN': {
-        title: 'Vant',
+        title: 'Vant 3',
+        subtitle: '（适用于 Vue 3）',
         description: '轻量、可靠的移动端组件库',
         logo: 'https://img.yzcdn.cn/vant/logo.png',
         langLabel: '中',
@@ -473,7 +474,8 @@ export default {
         ],
       },
       'en-US': {
-        title: 'Vant',
+        title: 'Vant 3',
+        subtitle: ' (for Vue 3)',
         description: 'Mobile UI Components built on Vue',
         logo: 'https://img.yzcdn.cn/vant/logo.png',
         langLabel: 'EN',