diff --git a/examples/hello-uniapp/components/uni-nav-bar.vue b/examples/hello-uniapp/components/uni-nav-bar.vue
index eb527d47a9afc61eb2d0211428f78a79c3bd8a8a..a93410ff51f5cb91e06757715bd235dc059850f4 100644
--- a/examples/hello-uniapp/components/uni-nav-bar.vue
+++ b/examples/hello-uniapp/components/uni-nav-bar.vue
@@ -187,13 +187,16 @@
 		display:inline-flex;
 		flex-wrap:nowrap;
 		flex-shrink:0;
+		width: 120upx;
 		padding:0 12upx;
 	}
 	
 	.uni-navbar-header .uni-navbar-header-btns:first-child{
 		padding-left:0;
 	}
-	
+	.uni-navbar-header .uni-navbar-header-btns:last-child{
+		width: 60upx;
+	}
 	.uni-navbar-container{
 		width:100%;
 		margin:0 10upx;
@@ -201,5 +204,6 @@
 	.uni-navbar-container-title{
 		font-size:30upx;
 		text-align:center;
+		padding-right: 60upx;
 	}
 </style>
diff --git a/examples/hello-uniapp/pages/template/nav-bar/nav-bar.vue b/examples/hello-uniapp/pages/template/nav-bar/nav-bar.vue
index e249910db06ddcd18e775255c23ad483a14f9311..be1fc47efbdc7956fafd1b238733d171148aaf2c 100644
--- a/examples/hello-uniapp/pages/template/nav-bar/nav-bar.vue
+++ b/examples/hello-uniapp/pages/template/nav-bar/nav-bar.vue
@@ -132,9 +132,9 @@
 	}
 
 	.input-view .input {
-		height:20px;
-		line-height:20px;
+		height:30px;
+		line-height:30px;
 		width:94%;
-		padding: 5px 3%;
+		padding: 0 3%;
 	}
 </style>