From 7285632c351cb0d9337a1be2687800bca54cc4c1 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Fri, 13 Apr 2018 12:57:16 +0800
Subject: [PATCH] [bugfix] NavBar: limit title max width (#867)

---
 packages/nav-bar/index.vue        | 2 +-
 packages/vant-css/src/nav-bar.css | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/nav-bar/index.vue b/packages/nav-bar/index.vue
index 261680a53..508c47a4f 100644
--- a/packages/nav-bar/index.vue
+++ b/packages/nav-bar/index.vue
@@ -10,7 +10,7 @@
         <span v-if="leftText" v-text="leftText" class="van-nav-bar__text" />
       </slot>
     </div>
-    <div class="van-nav-bar__title">
+    <div class="van-nav-bar__title van-ellipsis">
       <slot name="title">{{ title }}</slot>
     </div>
     <div class="van-nav-bar__right" @click="$emit('click-right')">
diff --git a/packages/vant-css/src/nav-bar.css b/packages/vant-css/src/nav-bar.css
index b12d5e8c7..ec2c00fd0 100644
--- a/packages/vant-css/src/nav-bar.css
+++ b/packages/vant-css/src/nav-bar.css
@@ -30,6 +30,8 @@
   }
 
   &__title {
+    margin: 0 auto;
+    max-width: 60%;
     font-size: 16px;
   }