style: meeting time picker

components/meetingTimePicker/meetingTimePicker.acss

@@ -22,8 +22,7 @@ picker-view .column {
 .tab {
     margin-top: 72rpx;
     display: flex;
-    border-bottom: 2rpx solid rgba(25, 31, 37, 0.12);
-    border-top: 2rpx solid rgba(25, 31, 37, 0.12);
+    padding-left: 24rpx;
 }
 
 .tab>view {
@@ -31,30 +30,34 @@ picker-view .column {
     display: flex;
     flex-direction: column;
     padding: 16rpx 34rpx;
+    background: rgba(10,10,10,0.06);
+    border-radius: 8rpx;
+    margin-right:24rpx;
 }
 
 .tab>view>text {
-    color: rgba(27, 38, 61, 0.49);
+    color: rgba(10,10,10,0.4);
     font-size: 28rpx;
 }
 
 .tab>view>text:nth-of-type(2) {
-    color: #1B263D;
+    color:  rgba(10,10,10,0.56);
     font-size: 34rpx;
     font-weight: bold;
     line-height: 48rpx;
 }
 
 .tab .active {
-    background: #3296FA;
+    background: #fff;
+    border: 2rpx solid rgb(10,10,10);
 }
 
 .tab .active>text {
-    color: rgba(255, 255, 255, 0.8);
+    color: rgba(10,10,10,0.8);
 }
 
 .tab>.active>text:nth-of-type(2) {
-    color: #fff;
+    color: rgb(10, 10, 10);
 }
 
 .coustom-end {
@@ -64,7 +67,7 @@ picker-view .column {
 }
 
 .coustom-end>text {
-    color: #3070F2;
+    color: rgb(10,10,10);
     position: absolute;
     font-size: 24rpx;
     right: 32rpx;
@@ -79,7 +82,7 @@ picker-view .column {
 
 .picker-complete {
     position: absolute;
-    color: #3070F2;
+    color: rgb(10,10,10);
     font-size: 32rpx;
     right: 32rpx;
     top: 32rpx;

components/meetingTimePicker/meetingTimePicker.js

 const currentDate = new Date();
 const weekList = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
-const durationList = [{ value: 30, label: '30分钟' }, { value: 60, label: '1小时' }, { value: 120, label: '2小时' }];
+const durationList = [{ value: 60, label: '1小时' }, { value: 120, label: '2小时' }, { value: 30, label: '30分钟' }];
 const timeData = generateDate(365);
 const timeHour = generateTime(24);
 const timeMin = generateTime(60);
@@ -150,7 +150,7 @@ Component({
       showTime: '',
     },
     duration: {
-      pickValue: [0],
+      pickValue: [2],
       showTime: '',
       label: '30分钟',
     },