Browse Source

样式调整

htc 1 year ago
parent
commit
c1c0eadb2a
1 changed files with 36 additions and 27 deletions
  1. 36 27
      pages/house/index.vue

+ 36 - 27
pages/house/index.vue

@@ -1,6 +1,8 @@
 <template>
 	<view class="page" :style="{'padding-top':mt+'px'}">
-		<view class="leftFixed" v-if="leftData.length!=0" :style="{'top':mt+49+'px'}">
+		<c-nav-bar title="房态" :showIcon="false" :titleStyle="titleStyle"></c-nav-bar>
+		<view class="leftFixed" v-if="leftData.length!=0" :style="{'top':(mt+1)+'px'}">
+			<view class="tj" :style="{'top':mt+'px'}"></view>
 			<view class="year">
 				<u-icon name="calendar-fill" color="#B9C2D2" size="40" style="margin-bottom:10rpx;"></u-icon>
 				<text style="font-size: 24rpx;">2024</text>
@@ -26,7 +28,6 @@
 			</view>
 		</view>
 		<view>
-			<c-nav-bar title="房态" :showIcon="false" :titleStyle="titleStyle"></c-nav-bar>
 			<view class="content" v-if="xdata.length!=0">
 				<view class="tj" :style="{'top':mt+'px'}">
 					<text class="label">房间总数:</text>
@@ -100,12 +101,12 @@
 				<text @click="areaShow=true">关房</text>
 				<text @click="createOrder()">新增</text>
 			</view>
-			<Tabbar :tabbarIndex="1"></Tabbar>
-			<!-- 关房 -->
-			<u-picker :itemHeight="88" :immediateChange="true" :show="areaShow" :columns="areaTxt" title="房态选择"
-				:defaultIndex="passengerDefault" @cancel="areaShow=false;clearData();"
-				@confirm="passengerConfirm"></u-picker>
 		</view>
+		<Tabbar :tabbarIndex="1"></Tabbar>
+		<!-- 关房 -->
+		<u-picker :itemHeight="88" :immediateChange="true" :show="areaShow" :columns="areaTxt" title="房态选择"
+			:defaultIndex="passengerDefault" @cancel="areaShow=false;clearData();"
+			@confirm="passengerConfirm"></u-picker>
 	</view>
 </template>
 
@@ -407,25 +408,27 @@
 		.content {
 			
 
-			.tj {
-				padding: 30rpx 0;
-				text-align: center;
-				height: 98rpx;
-				box-sizing: border-box;
-				position: absolute;
-				width: 750rpx;
-				left: 0;
-				text {
-					font-size: 28rpx;
-					color: #f44;
-					font-weight: bold;
-					margin: 0 10rpx;
-
-					&.label {
-						color: #333;
-						margin: 0
-					}
-				}
+			
+		}
+	}
+	
+	.tj {
+		padding: 30rpx 0;
+		text-align: center;
+		height: 98rpx;
+		box-sizing: border-box;
+		position: absolute;
+		width: 750rpx;
+		left: 0;
+		text {
+			font-size: 28rpx;
+			color: #f44;
+			font-weight: bold;
+			margin: 0 10rpx;
+	
+			&.label {
+				color: #333;
+				margin: 0
 			}
 		}
 	}
@@ -657,10 +660,16 @@
 	}
 
 	.leftFixed {
+		width: 72rpx;
 		position: absolute;
 		left: 0;
-		top: 232rpx;
+		// top: 232rpx;
 		z-index: 12;
+		
+		.tj{
+			width: 0;
+			position: relative;
+		}
 
 		.year {
 			min-width: 130rpx;