diff --git a/src/components/navigation-bar/navigation-bar.wxml b/src/components/navigation-bar/navigation-bar.wxml
index 8dfe5f9..5750863 100644
--- a/src/components/navigation-bar/navigation-bar.wxml
+++ b/src/components/navigation-bar/navigation-bar.wxml
@@ -6,7 +6,7 @@
       <block wx:if="{{back || homeButton}}">
         <!-- 返回上一页 -->
         <block wx:if="{{back}}">
-          <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_goback" style="">
+          <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_goback">
             <view
               bindtap="back"
               class="weui-navigation-bar__btn_goback_wrapper"
@@ -20,7 +20,7 @@
         </block>
         <!-- 返回首页 -->
         <block wx:if="{{homeButton}}">
-          <view class="weui-navigation-bar__buttons" style="">
+          <view class="weui-navigation-bar__buttons">
             <view
               bindtap="home"
               class="weui-navigation-bar__btn_goback_wrapper"
@@ -54,7 +54,6 @@
         <slot name="center"></slot>
       </block>
     </view>
-    
     <!-- 右侧留空 -->
     <view class='weui-navigation-bar__right'>
       <slot name="right"></slot>
diff --git a/src/example/navigation/navigation.js b/src/example/navigation/navigation.js
index e1cdfd8..f499c10 100644
--- a/src/example/navigation/navigation.js
+++ b/src/example/navigation/navigation.js
@@ -4,13 +4,19 @@ CustomPage({
     data: {
         loading: false,
         show: true,
-        animated: false
+        animated: false,
+        title: 'UI组件库'
     },
     toggleLoading() {
         this.setData({
             loading: !this.data.loading
         })
     },
+    changeTitle() {
+        this.setData({
+            title: '修改标题内容之后的标题长这个样子'
+        })
+    },
     changeColor() {
         this.setData({
             color: '#07C160'
diff --git a/src/example/navigation/navigation.wxml b/src/example/navigation/navigation.wxml
index 730a905..905555d 100644
--- a/src/example/navigation/navigation.wxml
+++ b/src/example/navigation/navigation.wxml
@@ -1,11 +1,12 @@
 <view class="page" data-weui-theme="{{theme}}">
-    <mp-navigation-bar loading="{{loading}}" show="{{show}}" animated="{{animated}}" color="{{color}}" background="{{background}}" title="UI组件库" back="{{true}}"></mp-navigation-bar>
+    <mp-navigation-bar loading="{{loading}}" show="{{show}}" animated="{{animated}}" color="{{color}}" background="{{background}}" title="{{title}}" back="{{true}}"></mp-navigation-bar>
     <view class="page__hd">
         <view class="page__title">Navigation</view>
         <view class="page__desc">小程序自定义导航栏</view>
     </view>
     <view class="page__bd page__bd_spacing">
         <button class="weui-btn" type="primary" bindtap="toggleLoading">触发loading</button>
+        <button class="weui-btn mrt16" type="primary" bindtap="changeTitle">修改标题内容</button>
         <button class="weui-btn mrt16" type="primary" bindtap="changeColor">修改文字颜色</button>
         <button class="weui-btn mrt16" type="primary" bindtap="changeBgColor">修改背景颜色</button>
         <button class="weui-btn mrt16" type="primary" bindtap="toggleShow">显示 / 隐藏</button>