111

components/NavBar/NavBar.vue

@@ -3,10 +3,30 @@
 	<view>
 
 		<!-- 左侧布局 -->
+		<view v-if="style==='left'" class="_navLayout" :style="{'background': navBackground,'height':navStatusHeight}">
+			<!-- 状态栏 -->
+			<view :style="{'height':statusBarHeight}"></view>
+			<!-- 导航栏,去掉了不可用的宽度 -->
+			<view class="_nav-real" :style="{'height':navHeight,'width':calc(enableWidth - 10px)}">
+
+				<view style="width: 10px;"></view>
+				<view class="_nav-title" :style="{'height':navHeight,'line-height':navHeight,'font-size':fontSize}">
+					{{navTitle}}
+				</view>
+				<!-- 按键区域，占用为不可用的宽度 -->
+				<view class="_navIcon" :style="{'width':disableWidth,'height':navHeight}">
+					<image src="../../static/wx_back.png" style="width: 23px;height: 23px;"></image>
+				</view>
+				<!-- 标题布局 -->
+				<view class="_nav-title" :style="{'height':navHeight,'line-height':navHeight,'font-size':fontSize}">
+					{{navTitle}}
+				</view>
+			</view>
+		</view>
 
 		<!-- 居中布局 -->
 		<!-- ②这里不使用props改用data -->
-		<view :v-if="style==='center'" class="_navLayout"
+		<view v-if="style==='center'" class="_navLayout"
 			:style="{'background': navBackground,'height':navStatusHeight}">
 			<!-- 状态栏 -->
 			<view :style="{'height':statusBarHeight}"></view>
@@ -113,7 +133,7 @@
 			this.enableWidth = navInfo.navBar.enableWidth + navInfo.unit
 			this.enableHeight = navInfo.navBar.enableHeight + navInfo.unit
 			this.fontSize = navInfo.navBar.fontSize + navInfo.unit
-			console.log(this);
+			console.log(style);
 		},
 		methods: {
 			/**