yangshi

pages/jiuzhai/components/headerLine.vue

@@ -47,10 +47,10 @@ export default {
     font-size: 32rpx;
 }
 .lienHeader-left{
-    position: absolute;
+    /* position: absolute;
     left: 32rpx;
     top: 83rpx;
-    z-index: 3;
+    z-index: 3; */
 }
 .lienHeaderBox{
     width: 100%;

pages/jiuzhai/jz_Line.vue

 <style>
 .jz_LineHeadeBox{
-	position: fixed;
+	/* position: fixed;
 	left: 0;
 	right: 0;
 	top: 0;
-	z-index: 1;
+	z-index: 1; */
+	    padding-top: 41.2vw;
+	position: relative;
 }
 .jz_LineHeade{
 	height: 310rpx;
+	position: absolute;
+	left: 0;
+	right: 0;
+	top:0;
+	bottom: 0;
 }
 .jz_LineHeade.active0{
 	background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638731577125637216.png') no-repeat;
@@ -24,7 +31,7 @@
 	.jz_Line {}
 
 	.jz_Content {
-		margin: 20rpx 0rpx 30rpx 0rpx;
+		/* margin: 20rpx 0rpx 30rpx 0rpx; */
 	}
 
 	.jz_List {
@@ -193,6 +200,10 @@
 		align-items: center;
 		padding: 19rpx 30rpx;
 		margin: 0 30rpx;
+		    position: absolute;
+		    bottom: 22rpx;
+		    left: 0;
+		    right: 0;
 	}
 
 	.jz_Content .search-box .date {
@@ -324,15 +335,14 @@
 </style>
 <template>
 	<div class="jz_Line">
-		<view class="jz_Content">
-			<view class="jz_LineHeadeBox"
-			>
+		<view class="jz_Content" style="display: flex; flex-direction: column;height: 100vh;">
+			<view class="jz_LineHeadeBox">
 				<view class="jz_LineHeade" :class="{
 					'active0':msg.teamType==0,
 					'active1':msg.teamType==1,
 					'active2':msg.teamType==2}">
 					<headerLine :type="msg.teamType" :title="msg.teamType==1?'小包团':''"></headerLine>
-					<view class="search-box" style="margin-top: 76rpx;">
+					<view class="search-box" style="margin-top: 24rpx;">
 						<view class="date" @click="showBranch=true">
 							<u-icon name="location" color="#B99846" size="24"></u-icon>
 							<text style="margin-left: 20rpx;color: #B99846;">{{currentBrachName}}</text>
@@ -348,7 +358,8 @@
 						</view>
 					</view>
 				</view>
-				<view style="height: 100rpx;">
+			</view>
+			<view style="height: 100rpx;width: 100%;">
 				<u-dropdown ref="uDropdown" @open="open" @close="close" active-color="#000" inactive-color="#444">
 					<u-dropdown-item v-model="msg.orderBy" :title="optionsTitle[0]" :options="orderBys" @change="changeOrderBy">
 					</u-dropdown-item>
@@ -448,14 +459,11 @@
 					</u-dropdown-item>
 				</u-dropdown>
 			</view>
-				
-			</view>
-			
-			<view style="margin-top: 390rpx;">
+			<view style="height: 1px; flex: 1;width: 100%;">
 				<view v-if="screenshow==true" class="Jz_Mask" @click="screenshow=false"></view>
 				<u-empty v-if="dataList.length==0 && !loading" text="暂无数据" mode="data"></u-empty>
 				<template v-else>
-					<view style="height: calc(100vh - 230px);overflow: hidden;">
+					<view style="height: 100%;overflow: hidden;">
 						<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }">
 							<view class="jz_ListMain" v-for="(item,index) in dataList" :key="index" @click="goJzDetail(item)">
 								<view class="jz_List">