Selaa lähdekoodia

feat:修改日期清除按钮,增加场景日期筛选功能

xzh 4 vuotta sitten
vanhempi
commit
3f3a48aab1

+ 15 - 11
pc/src/components/common/vueDate/vueDatePick.scss

@@ -61,23 +61,27 @@ $vdpColor: #7485c2 !default;
 
 .vdpClearInput {
 
-    font-size: 1em; position: absolute; top: 0; bottom: 0; right: 0;
+    font-size: 1em; 
+    position: absolute; top: 0; bottom: 0; right: 0;
     width: 3em;
-
+    text-align: center;
+    line-height: 28px;
+    z-index: 1;
+    background: #fff;
 }
 
-.vdpClearInput:before {
+// .vdpClearInput:before {
 
-    content: '×'; width: 1.4em; height: 1.4em; line-height: 1.1em; box-sizing: border-box;
-    position: absolute; left: 50%; top: 50%; margin: -0.7em 0 0 -0.7em;
-    color: rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); border-radius: 50%;
-    background-color: #fff;
+//     content: '×'; width: 1.4em; height: 1.4em; line-height: 1.1em; box-sizing: border-box;
+//     position: absolute; left: 50%; top: 50%; margin: -0.7em 0 0 -0.7em;
+//     color: rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); border-radius: 50%;
+//     background-color: #fff;
 
-}
+// }
 
-.vdpClearInput:hover:before {
-    box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.15);
-}
+// .vdpClearInput:hover:before {
+//     box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.15);
+// }
 
 .vdpOuterWrap.vdpFloating {
 

+ 2 - 5
pc/src/components/common/vueDate/vueDatePick.vue

@@ -19,12 +19,9 @@
                 @click="editable && open()"
                 :placeholder="placeholder"
             >
-            <button
-                v-if="editable && hasInputElement && inputValue && showClear"
+            <h-icon type="guanbi" v-if="editable && hasInputElement && inputValue && showClear"
                 class="vdpClearInput"
-                type="button"
-                @click="clear"
-            ></button>
+                @click="clear" />
         </slot>
         <transition name="vdp-toggle-calendar">
             <div

+ 2 - 2
pc/src/page/manage/temp/scene.vue

@@ -26,9 +26,9 @@
       <div class="search-w">
         <div class="date-w">
           <span class="label">拍摄时间</span>
-          <vueDate v-model="startTime" placeholder="开始时间" :isDateDisabled="isAfter" :weekdays="weekdays" :months="months"></vueDate>
+          <vueDate showClear v-model="startTime" placeholder="开始时间" :isDateDisabled="isAfter" :weekdays="weekdays" :months="months"></vueDate>
           <span>-</span>
-          <vueDate v-model="endTime" placeholder="结束时间" :isDateDisabled="isBefore" :weekdays="weekdays" :months="months"></vueDate>
+          <vueDate showClear v-model="endTime" placeholder="结束时间" :isDateDisabled="isBefore" :weekdays="weekdays" :months="months"></vueDate>
         </div>
         <div class="tab-search">
           <input