添加新批次页面样式调整

pages/addNewBatch/index.vue

@@ -1,14 +1,12 @@
 <template>
 	<view class='container'>
-		<view class='content'>
+		<view class="content">
 			<view>
 				<text class='title'>选择批次号</text>
-				<view>
-					<view class="batchNo uni-row">
-						<view :class="{'batchNo-item':true, 'uni-row': true,'batchNoCheck':batchNoCheck === item}"
-							v-for="(item,index) in batchNoList" :key='index' @click="handleCheckBatchNo(item)">
-							{{item.lotCode}}
-						</view>
+				<view class="batchNo uni-row">
+					<view :class="{'batchNo-item':true, 'uni-row': true,'batchNoCheck':batchNoCheck === item}"
+						v-for="(item,index) in batchNoList" :key='index' @click="handleCheckBatchNo(item)">
+						{{item.lotCode}}
 					</view>
 				</view>
 			</view>
@@ -18,7 +16,7 @@
 				<view class='segment'></view>
 			</view>
 			<view>
-				<text class='title'>绑定载具</text>
+				<text class='title'>扫码绑定载具</text>
 				<view class="vehicleList uni-row">
 					<view class="vehicleNo uni-row" v-for="(item,index) in vehicleList">
 						<text>{{item.carrierCode}}</text>
@@ -36,7 +34,7 @@
 				<uni-icons type="paperclip" size="30" style="margin: 10rpx;"></uni-icons>
 				<view class='segment'></view>
 			</view>
-			<view class="incomingInfo">
+			<view>
 				<text class='title' style="margin-bottom: 50rpx;">基础信息</text>
 				<view class="uni-row info">
 					<label for="HeatNo">炉号:</label>
@@ -220,53 +218,47 @@
 
 <style lang="scss">
 	.container {
-		height: calc(100% - 10%);
 		background-color: #f5f5f5;
-	}
-
-	.incomingInfo {
-		overflow: auto;
-		height: 30%;
+		padding-bottom: 112rpx;
 	}
 
 	.bottom {
 		background-color: white;
 		width: 100%;
-		height: 10%;
 		position: fixed;
 		bottom: 0;
 		align-items: center;
+		background-color: #ffffff;
+		padding: 16rpx 0;
 
 		.add {
 			margin: 0 auto;
 			width: 80%;
 			height: 80rpx;
-			line-height: 80rpx;
-			padding-left: 0;
 		}
 	}
 
 	.content {
-		width: 90%;
-		// height: auto;
+		position: relative;
+		width: auto;
 		background-color: rgba(255, 255, 255, 1);
-		margin: 50rpx auto;
+		margin: 32rpx;
 		padding-bottom: 50rpx;
 		padding-top: 20rpx;
 		border-radius: 12rpx;
 
 		.title {
-			margin: 10rpx 39%;
-			width: 30%;
+			width: auto;
 			font-size: 36rpx;
 			font-weight: bold;
+			text-align: center;
 		}
 	}
 
 	.batchNo {
 		justify-content: flex-start;
 		flex-wrap: wrap;
-		width: 100%;
+		width: auto;
 		height: 320rpx;
 		overflow: auto;
 		padding: 0 80rpx;
@@ -293,7 +285,7 @@
 	.vehicleList {
 		justify-content: flex-start;
 		flex-wrap: wrap;
-		width: 100%;
+		width: auto;
 		height: 120rpx;
 		overflow: auto;
 		padding: 0 80rpx;