fix 日期相关控件边框显示调整

 <!--
  * @Date: 2022-08-31 11:45:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-22 18:43:29
+ * @LastEditTime: 2022-12-22 18:52:22
  * @FilePath: /data-table/src/components/DatePickerField/index.vue
  * @Description: 日期选择组件
 -->
@@ -20,6 +20,7 @@
       :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择日期'"
       :rules="rules"
       @click="showPicker = true"
+      :border="false"
     />
     <van-popup v-model:show="showPicker" position="bottom">
       <van-date-picker
@@ -91,8 +92,9 @@ const rules = [{ validator, message: validatorMessage }];
 
 <style lang="less" scoped>
 .date-picker-field {
+  margin: 1rem;
   .label {
-    padding: 1rem 1rem 0 1rem;
+    // padding: 1rem 1rem 0 1rem;
     font-size: 0.9rem;
     font-weight: bold;
 
@@ -101,4 +103,11 @@ const rules = [{ validator, message: validatorMessage }];
     }
   }
 }
+
+:deep(.van-cell--clickable) {
+  border: 1px solid #eaeaea;
+  border-radius: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.5rem;
+}
 </style>

 <!--
  * @Date: 2022-09-08 15:02:45
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-22 18:36:44
+ * @LastEditTime: 2022-12-22 18:52:28
  * @FilePath: /data-table/src/components/DateTimePickerField/index.vue
  * @Description: 日期时间选择器
 -->
@@ -20,6 +20,7 @@
       :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择日期时间'"
       :rules="rules"
       @click="showPicker = true"
+      :border="false"
     />
     <van-popup v-model:show="showPicker" position="bottom">
       <van-picker-group
@@ -118,8 +119,9 @@ const rules = [{ validator, message: validatorMessage }];
 
 <style lang="less" scoped>
 .datetime-picker {
+  margin: 1rem;
   .label {
-    padding: 1rem 1rem 0 1rem;
+    // padding: 1rem 1rem 0 1rem;
     font-size: 0.9rem;
     font-weight: bold;
 
@@ -128,4 +130,11 @@ const rules = [{ validator, message: validatorMessage }];
     }
   }
 }
+
+:deep(.van-cell--clickable) {
+  border: 1px solid #eaeaea;
+  border-radius: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.5rem;
+}
 </style>

@@ -20,6 +20,7 @@
       :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请选择时间'"
       :rules="rules"
       @click="showPicker = true"
+      :border="false"
     />
     <van-popup v-model:show="showPicker" position="bottom">
       <van-time-picker
@@ -91,8 +92,9 @@ const rules = [{ validator, message: validatorMessage }];
 
 <style lang="less" scoped>
 .time-picker-field {
+  margin: 1rem;
   .label {
-    padding: 1rem 1rem 0 1rem;
+    // padding: 1rem 1rem 0 1rem;
     font-size: 0.9rem;
     font-weight: bold;
 
@@ -101,4 +103,11 @@ const rules = [{ validator, message: validatorMessage }];
     }
   }
 }
+
+:deep(.van-cell--clickable) {
+  border: 1px solid #eaeaea;
+  border-radius: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.5rem;
+}
 </style>