更新样式

pages.json

@@ -22,7 +22,6 @@
 				"navigationBarTitleText": "",
 				"navigationStyle":"custom",
 				"app-plus": {
-					"bounce": "vertical",
 					"titleNView": {
 						"buttons": [{
 							"text": "\ue534",
@@ -38,7 +37,6 @@
 			"style": {
 				"navigationBarTitleText": "查件",
 				"app-plus": {
-					"bounce": "vertical",
 					"titleNView": {
 						"buttons": [{
 							"text": "\ue534",
@@ -54,7 +52,6 @@
 			"style": {
 				"navigationBarTitleText": "我的",
 				"app-plus": {
-					"bounce": "vertical",
 					"titleNView": {
 						"buttons": [{
 							"text": "\ue534",

pages/tabBar/home/home.vue

@@ -5,8 +5,20 @@
 			
 	<view style="position: relative;background-color: #fff;">
 		<image class="hdbg" :src="getCdnUrl(`home/hdbg.png`)"/>
+		
 		<view class="pg-container">
-			<u-row justify="between" class="header">
+			<u-row align="center" class="com-jianju" style="margin-top: 10rpx;">
+				<u-col span="11">
+					<u-row>
+						<u-avatar size="66"></u-avatar>
+						<u-text style="margin-left: 16rpx;" text="快递专员01" color="#fff" size="24"></u-text>
+					</u-row>
+				</u-col>
+				<u-col span="1" align="end">
+					<image style="height: 36rpx;" mode="heightFix" :src="getCdnUrl(`home/saoma.png`)"/>
+				</u-col>
+			</u-row>
+			<u-row justify="between" class="header com-jianju">
 				<u-col span="5">
 					<view class="title1">香港服装专线 </view>
 					<button type="primary" class="btn-ljyy">了解详情</button>
@@ -16,7 +28,26 @@
 			
 			<view class="pbody">
 				
-				<u-row class="btnlist1">
+				<u-row class="tj-text-list">
+					<u-col span="3" align="center" class="tjtl-item">
+						<text class="tj-tl1">56</text>
+						<text class="tj-tl2">未接单</text>
+					</u-col>
+					<u-col span="3" align="center" class="tjtl-item">
+						<text class="tj-tl1">56</text>
+						<text class="tj-tl2">已接收</text>
+					</u-col>
+					<u-col span="3" align="center" class="tjtl-item">
+						<text class="tj-tl1">56</text>
+						<text class="tj-tl2">派送中</text>
+					</u-col>
+					<u-col span="3" align="center" class="tjtl-item">
+						<text class="tj-tl1">56</text>
+						<text class="tj-tl2">已签收</text>
+					</u-col>
+				</u-row>
+				
+				<u-row class="btnlist1 com-jianju">
 					<u-col v-for="mbItem in mainBtnlist" :span="12/mainBtnlist.length" class="mbitem">
 						<u-row>
 							<image mode="aspectFit" class="tb1" :src="mbItem.icon"/>
@@ -29,25 +60,30 @@
 					</u-col>
 				</u-row>
 				
-				<u-row class="nours">
+				<u-row class="nours com-jianju">
 					<u-col span="11" class="flw-dec">
 						<u-row>
 							<image style="height: 30rpx;" mode="heightFix" :src="getCdnUrl(`home/laba.png`)"/>
-							<image style="height: 24rpx;margin-left: 10px;" mode="heightFix" :src="getCdnUrl(`home/ggchxun.png`)"/>
-							<text style="margin-left: 30px;">最近一周内暂未有新通告！！！</text>
+							<image style="height: 24rpx;margin-left: 10rpx;" mode="heightFix" :src="getCdnUrl(`home/ggchxun.png`)"/>
+							<text style="margin-left: 30rpx;">最近一周内暂未有新通告！！！</text>
 						</u-row>
 						
 					</u-col>
-					<u-col span="1" justify="end">
-						<u-icon style="justify-content: end;" name="arrow-right" size="20"></u-icon>
+					<u-col span="1" align="end">
+						<u-icon name="arrow-right" size="20"></u-icon>
 					</u-col>
 				</u-row>
-				
-				<u-row class="btnlist2" style="flex-wrap: wrap;">
-					<u-col span="3" v-for="tlItem in toolBtnlist" class="tlitem" align="center">
+				<view class="com-jianju">
+					<u-text :bold="true" size="32" color="#333" margin="40rpx 0 0 0" text="网点扫描"></u-text>
+				</view>
+				<u-row class="btnlist2 com-jianju" style="flex-wrap: wrap;">
+					<u-col span="3" v-for="tlItem in toolBtnlist" align="center">
+						<u-col class="tlitem" align="center">
 							<image :src="tlItem.icon" style="height: 66rpx;" mode="heightFix"/>
 							<view style="font-size: 24rpx;margin-top: 20rpx;">{{tlItem.title}}</view>
 						</u-col>
+						
+					</u-col>
 				</u-row>
 			</view>
 			
@@ -100,6 +136,10 @@
 	@import '../../../common/uni-nvue.scss';
 </style>
 <style scoped lang="scss">
+	.com-jianju {
+		margin-left: 28rpx;
+		margin-right: 28rpx;
+	}
 	.hdbg{
 		position: absolute;
 		z-index: 1;
@@ -110,12 +150,12 @@
 		z-index: 2;
 		overflow-x: hidden;
 	}
+	
 	.header{
-		padding: 0 28rpx;
+		color: #FFF;
 		.title1{
 			font-size: 40rpx;
 			font-weight: bold;
-			color: #FFF;
 			text-shadow: 3rpx 4rpx 0rpx rgba(92,15,12,0.2);
 		}
 		.btn-ljyy{
@@ -139,11 +179,29 @@
 	}
 	
 	.pbody{
-		background: #FFFFFF;
+		background: #FFF;
 		border-radius: 30rpx;
-		padding: 40rpx 28rpx 80rpx 28rpx;
+		padding-top: 40rpx;
+		padding-bottom: 80rpx;
 		
+		.tj-tl1 {
+			color: $uni-color-primary;
+			font-size: 36rpx;
+		}
+		.tj-tl2{
+			font-size: 24rpx;
+			color: #666;
+		}
+		.tj-text-list {
+			.tjtl-item {
+				border-right: 2rpx solid  #E8E8E8;;
+				&:last-child {
+					border-right: 0;
+				}
+			}
+		}
 		.btnlist1 {
+			margin-top: 38rpx;
 			background: linear-gradient(0deg, #1D1818 0%, #0E0708 100%);
 			border-radius: 20rpx;
 			padding: 30rpx;
@@ -205,6 +263,10 @@
 				padding: 20rpx;
 				border: 2rpx solid #F6F6F6;
 				border-radius: 16rpx;
+				margin-bottom: 12rpx;
+				width: 160rpx;
+				margin-left: auto;
+				margin-right: auto;
 			}
 		}
 	}