搜索框样式

src/views/zdsz/bigscreen/index.vue

@@ -1201,12 +1201,37 @@
     height: 62px;
     margin-bottom: 10px;
     background: url("../../../assets/images/logo.jpg");
-    .searchBox{
+     .searchBox{
       float: right;
       width: 450px;
       height: 40px;
-      background-color: powderblue;
+      background-color: transparent;
+      display: flex;
+     }
+   }
+ .el-input__inner{
+    background: transparent;
+    border: solid 1px #007dec;
+    height: 32px;
+    margin: 5px 0 0 0;
     }
+   .el-range-input {
+        background: rgba(64, 127, 255, 0.18) !important;
+  }
+  .el-range-separator {
+    line-height: 24px;
+    font-size: 14px;
+    color: #606266;
+  }
+  .el-range__icon{
+    line-height: 24px;
+  }
+  .el-button--mini {
+    padding: 8px 15px;
+    font-size: 12px;
+    border-radius: 3px;
+    margin: 5px 0 0 5px;
+    height: 32px;
   }
   /*1920 * 929 Google Chrome*/
   /*1920 * 69 Title*/

vue.config.js

@@ -33,6 +33,7 @@ module.exports = {
     port: port,
     open: true,
     proxy: {
+
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
         // target: `http://127.0.0.1:8080`,