销售汇总样式优化1

pageSalesSummary/index.vue

@@ -232,12 +232,13 @@
 		justify-content: space-around;
 		background-color: #fff;
 		padding-bottom: 20rpx;
+		padding-top: 16rpx;
 
 		.timelistbox {
 			position: relative;
 
 			.time-item {
-				width: 90rpx;
+				font-size: 28rpx;
 				text-align: center;
 				padding-bottom: 10rpx;
 			}
@@ -245,20 +246,20 @@
 			.xian {
 				width: 40rpx;
 				height: 3rpx;
-				background-color: #459DFF;
+				background-color: #318AFE;
 				position: absolute;
-				left: 26rpx;
+				left: 16rpx;
 				bottom: 0;
 			}
 		}
 
 		.time-selected {
-			color: #459DFF;
+			color: #318afe;
+			font-size: 32rpx!important;
 		}
 	}
 
 	.pageSalesSummaryContent {
-		width: 694rpx;
 		height: 320rpx;
 		margin: 20rpx 28rpx;
 		background-image: url('./svg/bgimg.svg');
@@ -281,7 +282,7 @@
 		// width: calc(100% - 5px);
 		overflow-x: scroll;
 		white-space: nowrap;
-		margin: 0 28rpx;
+		margin: 32rpx 28rpx;
 		margin-right: 30rpx;
 		border-radius: 30rpx 30rpx 0 0;
 
@@ -295,7 +296,8 @@
 	.table-scroll thead {
 		display: table-row;
 		background-color: bisque;
-
+		font-size: 24rpx;
+		height: 82rpx;
 	}
 
 	.table-scroll tbody {
@@ -312,7 +314,7 @@
 		overflow: hidden;
 		text-overflow: ellipsis;
 		min-width: 250rpx;
-		border: 2rpx solid #7E9BD4;
+		border: 1.2rpx solid #7E9BD4;
 	}
 
 	.bottombtn {
@@ -322,6 +324,7 @@
 		text-align: center;
 		margin: 0rpx auto;
 		background: #F1F1F1;
+		font-size: 24rpx;
 		border-radius: 0rpx 0rpx 28rpx 28rpx;
 	}