时间选择器单独拆分样式

pages/submission/index.scss

@@ -1,5 +1,6 @@
 @import "../../static/unread.wxss";
 @import "../../components/My_card/index.scss";
+@import "./wxss/detePicker.scss";
 
 page {
     padding: 0 !important;
@@ -69,54 +70,4 @@ page {
             }
         }
     }
-}
-
-.detePickerHeader {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 750rpx;
-    height: 100rpx;
-    padding: 0 30rpx;
-    box-sizing: border-box;
-
-    text {
-        font-size: 28rpx;
-        font-family: PingFang SC-Regular, PingFang SC;
-        color: var(--assist);
-    }
-
-    .type {
-        display: flex;
-        width: 384rpx;
-        height: 80rpx;
-        border: 1rpx solid var(--assist);
-        box-sizing: border-box;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        border-radius: 4rpx;
-        overflow: hidden;
-
-        .option {
-            height: 100%;
-            width: 50%;
-            padding: 10rpx 0 0 20rpx;
-            box-sizing: border-box;
-            font-size: 20rpx;
-            font-family: PingFang SC-Regular, PingFang SC;
-            color: var(--assist);
-
-            .time {
-                margin-top: 4rpx;
-            }
-        }
-
-        .active-op {
-            background-color: var(--assist);
-            color: #fff;
-        }
-    }
 }

pages/submission/wxss/detePicker.scss

@@ -0,0 +1,50 @@
+
+.detePickerHeader {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 750rpx;
+    height: 100rpx;
+    padding: 0 30rpx;
+    box-sizing: border-box;
+
+    text {
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: var(--assist);
+    }
+
+    .type {
+        display: flex;
+        width: 384rpx;
+        height: 80rpx;
+        border: 1rpx solid var(--assist);
+        box-sizing: border-box;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        border-radius: 4rpx;
+        overflow: hidden;
+
+        .option {
+            height: 100%;
+            width: 50%;
+            padding: 10rpx 0 0 20rpx;
+            box-sizing: border-box;
+            font-size: 20rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: var(--assist);
+
+            .time {
+                margin-top: 4rpx;
+            }
+        }
+
+        .active-op {
+            background-color: var(--assist);
+            color: #fff;
+        }
+    }
+}