11

components/NavBar/NavBar.vue

@@ -8,12 +8,13 @@
 			<!-- 状态栏 -->
 			<view :style="{'height':statusBarHeight}"></view>
 			<!-- 导航栏,去掉了不可用的宽度 -->
-			<view class="_nav-real" :style="{'height':navHeight,'width':enableWidth}">
+			<view class="_nav-real"
-				<view class="_navIcon2" >
+				:style="{'height':navHeight,'width':'calc('+enableWidth+' - 9px)' ,'margin-left':'9px','background':'red'}">
+				<view class="_navIcon2">
 					<image src="../../static/wx_back.png" style="width: 20px;height: 20px;"></image>
 				</view>
 				<!-- 标题布局 -->
-				<view style="font-size: 17px;padding-left: 4px;">首页</view>
+				<view class="_nav-title2" :style="{'font-size':fontSize}">>{{navTitle}}</view>
 			</view>
 		</view>
 
@@ -111,7 +112,7 @@
 				}
 			}
 			// 赋值样式
-			// this.navStyle = getApp().globalData.navInfo.navBar.style
+			this.navStyle = getApp().globalData.navInfo.navBar.style
 		},
 		created() {
 			// create阶段能拿取到了props的值,需要使用this.变量名
@@ -189,6 +190,17 @@
 		color: white;
 	}
 
+	._nav-title2 {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		word-break: break-all;
+		white-space: nowrap;
+		width: 100%;
+		color: white;
+		padding-left: 5px;
+		flex: 1;
+	}
+
 	._navIcon {
 		display: flex;
 		flex-direction: row;
@@ -201,8 +213,7 @@
 		display: flex;
 		flex-direction: row;
 		align-items: center;
-		margin-left: 10px;
 		flex-shrink: 0;
-		padding-right: 4px;
+		padding-right: 6px;
 	}
 </style>