From 1f081c1e882a6c6e4531a71143f0aed9a9a38baf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Wed, 18 Dec 2019 14:57:48 +0800
Subject: [PATCH] feat(cli): mobile site title auto resize

---
 .../site/mobile/components/DemoHome.vue         | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/vant-cli/site/mobile/components/DemoHome.vue b/packages/vant-cli/site/mobile/components/DemoHome.vue
index 4775d5c3e..28dae6053 100644
--- a/packages/vant-cli/site/mobile/components/DemoHome.vue
+++ b/packages/vant-cli/site/mobile/components/DemoHome.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="demo-home">
-    <h1 class="demo-home__title">
+    <h1
+      class="demo-home__title"
+      :class="{ 'demo-home__title--small': smallTitle }"
+    >
       <img :src="config.logo">
       <span>{{ config.title }}</span>
     </h1>
@@ -38,6 +41,10 @@ export default {
       }
 
       return config.site;
+    },
+
+    smallTitle() {
+      return this.config.title.length >= 8;
     }
   }
 };
@@ -62,6 +69,7 @@ export default {
 
   &__title {
     margin: 0 0 16px;
+    font-size: 32px;
 
     img,
     span {
@@ -70,13 +78,16 @@ export default {
     }
 
     img {
-      width: 36px;
+      width: 32px;
     }
 
     span {
       margin-left: 16px;
       font-weight: 500;
-      font-size: 36px;
+    }
+
+    &--small {
+      font-size: 24px;
     }
   }