修改

my/commission/index.css

@@ -2,7 +2,7 @@
 		.ciycle {
 			width: 100%;
 			height: 200px;
-			background-image: url("@/static/images/top.png");
+			background-image: url('@/static/index/fun_banner4.png');
 			background-size: 100%;
 			background-repeat: no-repeat;
 		}
@@ -11,7 +11,6 @@
 			display: flex;
 			height: 220px;
 			border-radius: 10px;
-			margin: 0px 5px 14px 5px;
 			padding-top: 14px;
 			flex-wrap: wrap;
 		}
@@ -65,13 +64,11 @@
 		}
 
 		.innerBottom {
-			width: 97%;
 			height: 200px;
-			margin: 14px 5px 14px 5px;
+			margin: 0rpx 24rpx;
 			background-color: #FFFFFF;
 			border-radius: 10px;
-			padding: 10px;
-			box-shadow: 2px 2px 15px 1px #b5b5b5;
+			padding: 10rpx 16rpx;
 		}
 
 
@@ -132,13 +129,13 @@
 			overflow: auto;
 			background-color: #FFFFFF;
 			border-radius: 10px;
-			margin: 10px;
-			box-shadow: 2px 2px 15px 1px #b5b5b5;
+			margin: 0rpx 30rpx;
 		}
 
 		.optionsDetailImport {
-			padding-left: 10px;
+			padding: 10px 15px;
 			margin-top: 15px;
+			border-bottom:1px solid #f6f6f6;
 		}
 
 		.dateHeader {
@@ -160,12 +157,17 @@
 		>>>.uni-date-editor--x {
 			display: none;
 		}
-
+		.innerTimer{
+			font-size: 13px;
+			margin-top: 5px;
+			color: #999;
+			margin-right: 10px;
+		}
 		.activeTab {
 			color: #0aa86a;
 			background-color: #FFFFFF;
 			padding: 6px;
-			border-radius: 10px;
+			border-radius: 30px;
 			width: 60px;
 			text-align: center;
 		}
@@ -189,30 +191,29 @@
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
-			font-weight: 550;
-		}
+			}
 
 		.storedIntegralTopOfRight {
 			width: 100%;
 			display: flex;
 			justify-content: space-between;
-			margin-right: 20px;
 			align-items: center;
 		}
 
 		.storedIntegralTopOfRight view:nth-child(1) {
-			font-size: 20px;
+			font-size: 18px;
 			margin-left: 5px;
 		}
 
 		.storedIntegralTopOfRight view:nth-child(2) {
 			font-size: 20px;
-			color: #e52c26;
+			color: #fb672b;
+			font-weight: bold;
 		}
 
 		.storedIntegralMiddle {
 			width: 100%;
-			margin-top: 28rpx;
+			margin-top: 30rpx;
 		}
 
 		.storedIntegralMiddle view {
@@ -227,10 +228,8 @@
 
 		.storedIntegralBottom {
 			margin-top: 28rpx;
-			padding-bottom: 15px;
-			margin-left: 3px;
-			font-weight: 600;
-		}
+			font-weight: bold;
+			}
 
 		.withdrawalMoneyBtn {
 			width: 80%;
@@ -260,11 +259,14 @@
 		.viewOrdersInfo {
 			display: flex;
 			justify-content: space-between;
+			padding: 0 8rpx;
 		}
 
 		.viewOrdersInfo view:nth-child(2) {
-			margin-right: 20px;
-			color: #007aff;
+			color: #fff;
 			font-weight: 500;
-			font-size: 16px;
+			font-size: 15px;
+			padding: 8rpx 20rpx;
+			border-radius: 15rpx;
+			background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
 		}

my/commission/index.vue

@@ -31,7 +31,7 @@
 						</view> -->
 						<view class="IntegralImport">
 							<view class="IntegralClassify">
-								<view class="" style="margin-top: -12px;font-weight: 700;">
+								<view class="" style="margin-top: -12px;font-weight: 700; color: #fb672b;">
 									{{this.homePageDataNum.totalRevenue ? this.homePageDataNum.totalRevenue : 0 }}
 								</view>
 								<view class="IntegralClassifyInnerBottom">