优化

hdApp/src/pagesPurchase/xj.vue

@@ -1,35 +1,32 @@
 <template>
 	<view class="billing_box_bg">
-		<view class="input-wrap" style="color:#141ad2;font-size:36upx;">
-			<text>{{ itemInfo.name?itemInfo.name:'' }}</text>
+		<view class="input-wrap" style="color:#141ad2;font-size:34upx;">
+			<text style="color:black;">{{ itemInfo.name?itemInfo.name:'' }}</text>
+			<text style="margin-left:20upx;">库存 {{parseFloat(xjStock)}}</text>
+			<text style="margin-left:20upx;">单价 ¥{{parseFloat(xjPrice)}}</text>
 		</view>
-    	<view class="input-wrap">
-			<text>总库存：{{parseFloat(xjStock)}}</text><text style="margin-left:50upx;">单价：¥{{parseFloat(xjPrice)}}</text>
-		</view>
-		<view style="margin-top:20upx;">
-			<block>
-				<view class="item_list_bx"  style="width: 100%;">
-					<view v-for="(xjItem,xjIndex) in xjList" :key="xjIndex">
-						<view>
-							<view class="item-cmd_bx" @click="previewImg(xjItem.bigCover)">
-								<view class="img_bx" style="background:#eeeeee;display:inline-block;">
-									<image :src="xjItem.cover"></image>
-								</view>
-								<view class="cmd-info_bx">
-									<view class="tit">{{ xjItem.name || "" }}</view>
-									<view class="kc"></view>
-									<view class="num-open_bx" @click.stop>
-										<view class="open-bx warn">
-											<text style="margin-left:5upx;">剩余 {{xjItem.stock}}</text>
-											<input class="change-input" placeholder-style="color:#CCCCCC" v-model="numList[xjItem.id]" type="number" placeholder="请填写数量" />
-										</view>
+		<view class="content-wrapper">
+			<view class="item_list_bx">
+				<view v-for="(xjItem,xjIndex) in xjList" :key="xjIndex">
+					<view>
+						<view class="item-cmd_bx" @click="previewImg(xjItem.bigCover)">
+							<view class="img_bx" style="background:#eeeeee;display:inline-block;">
+								<image :src="xjItem.cover"></image>
+							</view>
+							<view class="cmd-info_bx">
+								<view class="tit">{{ xjItem.name || "" }}</view>
+								<view class="kc"></view>
+								<view class="num-open_bx" @click.stop>
+									<view class="open-bx warn">
+										<text style="margin-left:5upx;">剩余 {{xjItem.stock}}</text>
+										<input class="change-input" placeholder-style="color:#CCCCCC" v-model="numList[xjItem.id]" type="number" placeholder="请填写数量" />
 									</view>
 								</view>
 							</view>
 						</view>
 					</view>
 				</view>
-			</block>
+			</view>
 		</view>
 		<view class="footer-button-box">
 			<button class="admin-button-com big blue" @click="clearXj()">清除全部</button>
@@ -224,11 +221,11 @@ export default {
 	display: flex;
 	flex-direction: column;
 	position: relative;
-	padding-bottom: 120upx;
 	.input-wrap {
 		font-size:32upx;
 		font-weight:bold;
 		padding: 22upx 20upx 0upx 30upx;
+		flex-shrink: 0;
 	}
 	.tab-view {
 		height: 100%;
@@ -282,6 +279,14 @@ export default {
 		flex: 1;
 		box-sizing: border-box;
 	}
+	.content-wrapper {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		overflow-y: auto;
+		min-height: 0;
+		margin-top:20upx;
+	}
 	.item_list_bx {
 		padding: 10upx 40upx;
 		margin-bottom: 20upx;
@@ -380,14 +385,14 @@ export default {
 	}
 }
 .change-input {
-	width: 250upx;
-	height: 60upx;
-	line-height: 60upx;
+	width: 220upx;
+	height: 80upx;
+	line-height: 80upx;
 	text-align: center;
 	background: #ffffff;
 	border: 1px solid #b4b4b4;
 	border-radius: 4upx;
-	font-size: 25upx;
+	font-size: 30upx;
 	color:#5e5d5d;
 	position: relative;
 	left:140upx;
@@ -397,10 +402,7 @@ export default {
 	height:120upx;
 }
 .footer-button-box {
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	right: 0;
+	position: relative;
 	width: 100%;
 	height: 120upx;
 	display: flex;
@@ -410,7 +412,8 @@ export default {
 	box-sizing: border-box;
 	border-top: 1px solid #f0f0f0;
 	padding: 20upx 0;
-	
+	flex-shrink: 0;
+	z-index: 1000;
 	/* #ifdef MP-WEIXIN */
 	height: calc(120upx + constant(safe-area-inset-bottom));
 	padding-bottom: constant(safe-area-inset-bottom);