搜索

src/views/zdsz/bigscreen/index.vue

@@ -17,6 +17,8 @@
             start-placeholder="开始日期"
             end-placeholder="结束日期"
             value-format="yyyy-MM-dd"
+			class="sj-data-picker"
+			popper-class="sj-data-picker-popup"
         >
         </el-date-picker>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -1248,7 +1250,33 @@
   };
 </script>
 
-
+<style lang="scss">
+	.sj-data-picker{
+		.el-range-input {
+		       background: transparent !important;
+				border: none !important;
+		 }
+		 .el-range-separator{
+		   line-height: 24px;
+		   font-size: 14px;
+		   color: #b8b9b9;
+		 }
+	}
+	.sj-data-picker-popup{
+		background-color: #0f2b61;
+		border: 1px solid #7f9ed7;
+		color: #f5f5f5;
+		.el-date-range-picker__content.is-left{
+			border-right: 1px solid #7f9ed7;
+		}
+		.el-date-table th {
+		    color: #d1d2d5;
+		}
+		.el-picker-panel__icon-btn {
+		color: #9db8ef;
+		}
+	}
+</style>
 <style lang="scss" scoped>
   .mainTitle{
     width: 1920px;
@@ -1269,14 +1297,6 @@
     height: 32px;
     margin: 5px 0 0 0;
     }
-   .el-input__inner input {
-        background: rgba(64, 127, 255, 0.18) !important;
-  }
-  .el-input__inner span {
-    line-height: 24px;
-    font-size: 14px;
-    color: #606266;
-  }
   .el-range__icon{
     line-height: 24px;
   }