修改

pagesB/CommodityOrder/CommodityOrder.scss

@@ -1,27 +1,45 @@
-page{
-	background-color: #F7F5F5;
-}
-.app {
+
+	page {
+		background-color: #F7F5F5;
+	}
+
+	.app {
 		width: 100%;
-		padding: 3%;
-		::v-deep .u-tabs{
+
+		::v-deep .u-navbar-placeholder {
+			background-color: #F7F5F5;
+			z-index: 999;
+		}
+
+		::v-deep .u-tabs {
+			width: 100%;
+			position: fixed;
+			top: 200rpx;
+			z-index: 999;
 			background-color: #F7F5F5 !important;
 		}
-		.noorder{
+
+		.noorder {
 			margin-top: 20%;
 		}
-		.u-navbar{
-			image{
-				margin:0 4% 0 4%;
+
+		.u-navbar {
+			display: block;
+			height: 200rpx;
+
+			image {
+				margin: 0 4% 0 4%;
 				width: 20rpx;
 				height: 30rpx;
 			}
-			.title{
+
+			.title {
 				width: 31%;
-			font-size: 34rpx;
-			font-weight: 500;
-			color: #FFFFFF;
+				font-size: 34rpx;
+				font-weight: 500;
+				color: #FFFFFF;
 			}
+
 			.inputs {
 				position: relative;
 				margin-left: 4%;
@@ -30,11 +48,13 @@ page{
 				height: 65rpx;
 				border-radius: 20rpx;
 				z-index: 999;
-			background: #65c0a9;
-			color: #FFFFFF;
-			.placeholder{
+				background: #65c0a9;
 				color: #FFFFFF;
-			}
+
+				.placeholder {
+					color: #FFFFFF;
+				}
+
 				.input {
 					margin: 0 auto;
 					position: absolute;
@@ -45,7 +65,7 @@ page{
 					font-size: 26rpx;
 					color: #FFFFFF;
 				}
-			
+
 				.icon {
 					background: url(@/static/pagesB/sousuo.png) no-repeat;
 					width: 30rpx;
@@ -57,6 +77,7 @@ page{
 				}
 			}
 		}
+
 		.submits {
 			width: 501rpx;
 			height: 71rpx;
@@ -194,7 +215,7 @@ page{
 								-webkit-box-orient: vertical;
 								-webkit-line-clamp: 2;
 								overflow: hidden;
-								
+
 							}
 
 							span:nth-child(2) {
@@ -265,6 +286,4 @@ page{
 				}
 			}
 		}
-
-
-	}
+	}

pagesB/CommodityOrder/CommodityOrder.vue

@@ -13,7 +13,7 @@
 		</u-navbar>
 		<u-tabs :list="tabslist" :is-scroll="false" :current="tabscurrent" @change="tabschange" :show-bar='false'
 			active-color='#000000'></u-tabs>
-		<view class="" v-if="total>0">
+		<view class="" v-if="total>0" style="margin-top: 80rpx;padding: 3%;">
 			<view class="Apayment" v-for='(item,index) in orderlist' :key="index">
 				<view class="names">店铺名称
 					<image class="picture" src="../../static/huijiantou.png" mode=""></image>

pagesB/orderDetails/orderDetails.scss

@@ -95,12 +95,16 @@
 			bottom: 0;
 			height: 100rpx;
 			width: 100%;
+			height: 125rpx;
+			background: #FFFFFF;
+			box-shadow: 0rpx -3rpx 13rpx 0rpx rgba(0,0,0,0.1);
+			border-radius: 20rpx;
 			.logistics{
 				width: 216rpx;
 				height: 68rpx;
 				text-align: center;
 				color: #ffffff;
-				border-radius: 26rpx;
+				border-radius: 5rpx;
 				font-size: 36rpx;
 				line-height: 68rpx;
 				position: absolute;
@@ -116,7 +120,7 @@
 				text-align: center;
 				color: #ffffff;
 				background:#26A888;
-				border-radius: 26rpx;
+				border-radius: 5rpx;
 				font-size: 36rpx;
 				line-height: 68rpx;
 				position: absolute;