线路列表

pages.json

@@ -536,7 +536,13 @@
 		{
 			"root": "pages/jiuzhai",
 			"pages": [{
-					"path": "jz_Line" //九寨-线路
+					"path": "jz_Line", //九寨-线路
+					"style": {
+						"navigationStyle": "custom"
+					},
+					"globalStyle": {
+						"navigationStyle": "custom"
+					}
 				}, {
 					"path": "jz_LineDetail",
 					"enablePullDownRefresh": true,

pages/jiuzhai/components/headerLine.vue

+<template>
+	<view class="lienHeader" :style="[titleStyle]">
+        <view class="lienHeaderBox">
+            <view class="lienHeader-left">
+                <view class="lienHeader-left-icon" @click="goBack">
+					<u-icon name="arrow-left" size="38" :color="type==1?'#000':'#000'"></u-icon>
+                </view>
+            </view>
+            <!-- <view class="lienHeader-title" :style="{'color':type==1?'#FFF':'#000'}">
+                <slot>{{title}}</slot>
+            </view> -->
+        </view>
+    </view>
+</template>
+<script>
+export default {
+    props:['title','type'],   
+    data() {
+        return {
+			titleStyle:{}
+        }
+    },
+    mounted() {
+		const that = this
+        uni.getSystemInfo({
+          success(res) {
+            that.titleStyle = {
+              paddingTop: `${res.statusBarHeight}px`
+            };
+          },
+        });
+    },
+    methods:{
+        goBack(){
+			uni.navigateBack({delta:-1})
+        }
+    }
+}
+</script>
+<style>
+.lienHeader-title{
+    width: 100%;
+    position: relative;
+    left: 0;
+    right: 0;
+    text-align: center;
+    font-size: 32rpx;
+}
+.lienHeader-left{
+    position: absolute;
+    left: 32rpx;
+    top: 83rpx;
+    z-index: 3;
+}
+.lienHeaderBox{
+    width: 100%;
+    height: 88rpx;
+    padding: 0 32rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+}
+.lienHeader{
+    padding-top: 48rpx;
+}
+</style>
\ No newline at end of file