Browse Source

标题,房间列表样式优化

17755135699 1 year ago
parent
commit
1a171db3ee
4 changed files with 20 additions and 18 deletions
  1. 2 1
      pages.json
  2. 14 13
      pages/my/houseList.vue
  3. 1 1
      pages/my/roomType.vue
  4. 3 3
      pagesMy/stayInfo/roomPosition.vue

+ 2 - 1
pages.json

@@ -283,7 +283,8 @@
 					"path": "stayInfo/roomPosition",
 					"style": {
 						"navigationBarTitleText": "酒店民宿信息 ",
-						"enablePullDownRefresh": false
+						"enablePullDownRefresh": false,
+						"navigationStyle": "custom"
 					}
 				},
 				{

+ 14 - 13
pages/my/houseList.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="page" :style="{'height':(h)+'px','padding-top':mt+'px'}">
-		<c-nav-bar title="房间列表" :showIcon="true" :titleStyle="titleStyle"></c-nav-bar>
+		<c-nav-bar title="房间列表" :showIcon="true" ></c-nav-bar>
 		<view class="body">
 			<!-- 房型信息 -->
 
@@ -11,12 +11,12 @@
 				<view class="cellBox">
 					<text style="font-size: 30rpx; margin-right: 30rpx;">房型名称</text>
 					<input v-model="form.name" type="text" placeholder="请输入房型"
-						style="width: 210rpx;height: 42rpx; font-size: 30rpx;" />
+						style="width: 210rpx;height: 42rpx; font-size: 30rpx;flex:1" />
 				</view>
 				<view class="bigRoom">
 					<text style="font-size: 30rpx;color: black; margin-right: 90rpx;">简称</text>
 					<input v-model="form.shortName" type="text" placeholder="请输入简称"
-						style="width: 210rpx;height: 42rpx; font-size: 30rpx;" />
+						style="width: 210rpx;height: 42rpx; font-size: 30rpx;flex:1" />
 				</view>
 			</view>
 			<view class="shelves">
@@ -172,8 +172,8 @@
 				<!-- 房间号 -->
 				<view class="priceBoxWeek" v-for="(room,index) in form.roomFloor" :key="index">
 					<view class="weekendBox"
-						style="display: flex; justify-content: space-between; align-items: center; height: 88rpx;">
-						<view style="display: flex; align-items: center; ">
+						style="display: flex; justify-content: space-between; align-items: center">
+						<view style="display: flex; align-items: center;height:54rpx ">
 							<view style="font-size: 30rpx;"> 楼层:</view>
 							<input style="width: 70rpx; margin-bottom: 5rpx; font-size: 28rpx; height: 50rpx;"
 								v-model="room.floor" />
@@ -194,18 +194,18 @@
 				<text style="color: #1372FF; font-size: 30rpx;">添加房间</text>
 			</view>
 			<!-- 新增按钮 -->
-			<view class="btn-btn" @click="addNewRoom()">
+			<!-- <view class="btn-btn" @click="addNewRoom()">
 				<view class="btn">
 					确定
 				</view>
-			</view>
+			</view> -->
 		</view>
 		<!-- 新增按钮 -->
-		<view class="btn-btn" @click="addNewRoom()">
+	<!-- 	<view class="btn-btn" @click="addNewRoom()">
 			<view class="btn">
 				确定
 			</view>
-		</view>
+		</view> -->
 
 	</view>
 
@@ -429,7 +429,7 @@
 	.typeInfo {
 		background-color: #fff;
 		width: 100%;
-		height: 145px;
+		// height: 145px;
 		border-radius: 5px;
 		padding-top: 15px;
 		padding-left: 7px;
@@ -539,20 +539,21 @@
 	.priceBoxWeek {
 		display: flex;
 		align-items: center;
-		height: 102rpx;
 		padding-left: 30rpx;
 		padding-right: 30rpx;
+		
 	}
 
 	.weekendBox {
 		width: 630rpx;
 		display: flex;
 		align-items: center;
-		margin-top: 20rpx;
 		// margin-right: 90rpx;
 		// justify-content: space-between;
 		border-bottom: 1rpx solid #E1E1E1;
-		padding-bottom: 32rpx;
+		height: 102rpx;
+		overflow: hidden;
+		box-sizing: border-box;
 	}
 
 	.everyHouseList {

+ 1 - 1
pages/my/roomType.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="page" :style="{'height':(h-th)+'px','padding-top':mt+'px'}">
-		<c-nav-bar title="房型列表" :showIcon="true" :titleStyle="titleStyle"></c-nav-bar>
+		<c-nav-bar title="房型列表" :showIcon="true"></c-nav-bar>
 
 		<!-- 房型数量 -->
 		<view class="typeNum">

+ 3 - 3
pagesMy/stayInfo/roomPosition.vue

@@ -1,7 +1,7 @@
 <template>
 	<!-- <view class="pages" :style="{'height':(h)+'px','padding-top':mt+'px'}"> -->
-	<view class="pages">
-		<!-- <c-nav-bar title="位置定位" :showIcon="true"></c-nav-bar> -->
+<view class="pages" :style="{'height':(h-th)+'px','padding-top':mt+'px'}">
+		<c-nav-bar title="位置定位" :showIcon="true"></c-nav-bar>
 		<view class="content">
 			<view class="card">
 				<!-- <view class="card1" @tap="open()"> -->
@@ -326,7 +326,7 @@
 		height: 130rpx !important;
 	}
 
-	::v-deep .u-icon__icon {
+	.card ::v-deep .u-icon__icon {
 		font-size: 30rpx !important;
 		margin-bottom: 10rpx;
 		left: 2rpx !important;