浏览代码

标题修改

zpf 1 年之前
父节点
当前提交
cbc0a7fadb

+ 10 - 9
src/views/cockpit/bjxm.vue

@@ -350,22 +350,23 @@ export default {
   background: no-repeat;
   background-image: url("/static/images/overview/titlebox.gif");
 
-  .icon {
-    background: no-repeat;
+  // .icon {
+  //   background: no-repeat;
 
-    background-image: url("/static/images/overview/icon_标题框装饰.png");
-    display: inline-block;
-    width: 30px;
-    height: 30px;
-    background-position: 14px 7px;
-  }
+  //   background-image: url("/static/images/overview/icon_标题框装饰.png");
+  //   display: inline-block;
+  //   width: 30px;
+  //   height: 30px;
+  //   background-position: 14px 7px;
+  // }
 
   span {
     color: #fff;
     font-size: 14px;
     font-weight: bold;
     position: relative;
-    bottom: 0.5rem;
+    bottom: 1.8rem;
+    right: 1rem;
   }
 }
 

+ 20 - 22
src/views/cockpit/borderTemplate.vue

@@ -22,7 +22,7 @@ export default {
   data() {
     return {};
   },
-  mounted() {},
+  mounted() { },
   methods: {},
 };
 </script>
@@ -48,22 +48,17 @@ export default {
     display: flex;
     justify-content: space-between;
 
-    .icon {
-      background: no-repeat;
-      background-image: url("/static/images/overview/icon_标题框装饰.png");
-      display: inline-block;
-      width: 30px;
-      height: 30px;
-      background-position: 14px 7px;
-    }
+
 
     span {
       color: #fff;
       font-size: 14px;
       font-weight: bold;
       position: relative;
-      bottom: 0.5rem;
+      bottom: -0.3rem;
+      left: 2.4rem;
     }
+
     .selectTab {
       /deep/ .el-input__inner {
         // padding-right: 30px;
@@ -78,35 +73,36 @@ export default {
         background: url("/static/images/overview/selectBg.png") no-repeat !important;
         background-size: 100% 100%;
       }
+
       /deep/ .el-input__icon {
         line-height: 1;
       }
+
       /deep/ .el-input__suffix {
         right: -2px;
       }
+
       /deep/ .el-select-dropdown__list {
         color: #bcd3e5 !important;
-        background: linear-gradient(
-          180deg,
-          rgba(3, 115, 177, 0) 11%,
-          rgba(3, 115, 177, 0.48) 100%
-        );
-        border-image: linear-gradient(
-            360deg,
+        background: linear-gradient(180deg,
+            rgba(3, 115, 177, 0) 11%,
+            rgba(3, 115, 177, 0.48) 100%);
+        border-image: linear-gradient(360deg,
             rgba(75, 185, 250, 0.2),
-            rgba(75, 185, 250, 0.05)
-          )
-          1 1 !important;
+            rgba(75, 185, 250, 0.05)) 1 1 !important;
         border: none;
       }
+
       /deep/ .el-select-dropdown__item.hover,
       .el-select-dropdown__item:hover {
         background-color: rgba(87, 163, 226, 0.5);
       }
+
       /deep/ .el-select-dropdown__item {
         color: #ecf6ff;
       }
     }
+
     /deep/ {
       .el-select-dropdown__item.selected {
         color: #409eff;
@@ -119,13 +115,16 @@ export default {
   margin-top: 12px;
   background: #163253;
 }
+
 /deep/ .el-select-dropdown {
   border: none;
 }
+
 /deep/ .el-popper[x-placement^="bottom"] .popper__arrow::after {
   border-bottom-color: #163253;
   top: 0;
 }
+
 .borderContent {
   // border: #00FFFF 1px solid;
   position: absolute;
@@ -133,5 +132,4 @@ export default {
   width: 95%;
   height: calc(100% - 40px);
   top: 40px;
-}
-</style>
+}</style>

+ 6 - 12
src/views/cockpit/hysy.vue

@@ -481,28 +481,22 @@ export default {
 
 
 .title {
-    width: 1071rem;
+
+    width: 1074rem;
     height: 40px;
     background: no-repeat;
-    background-size: 116% 100%;
+    background-size: 88% 100%;
     background-image: url("/static/images/overview/titlebox.gif");
 
-    .icon {
-        background: no-repeat;
-
-        background-image: url("/static/images/overview/icon_标题框装饰.png");
-        display: inline-block;
-        width: 30px;
-        height: 30px;
-        background-position: 14px 7px;
-    }
+    margin-left: 2rem;
 
     span {
         color: #fff;
         font-size: 14px;
         font-weight: bold;
         position: relative;
-        bottom: 0.5rem;
+        top: 0.5rem;
+        right: -3rem;
     }
 }
 

+ 2 - 11
src/views/cockpit/jcbd.vue

@@ -124,22 +124,13 @@ export default {
     background: no-repeat;
     background-image: url("/static/images/overview/titlebox.gif");
 
-    .icon {
-        background: no-repeat;
-
-        background-image: url("/static/images/overview/icon_标题框装饰.png");
-        display: inline-block;
-        width: 30px;
-        height: 30px;
-        background-position: 14px 7px;
-    }
-
     span {
         color: #fff;
         font-size: 14px;
         font-weight: bold;
         position: relative;
-        bottom: 0.5rem;
+        bottom: 1.8rem;
+        right: 1rem;
     }
 }
 

+ 2 - 11
src/views/cockpit/jsyd.vue

@@ -213,22 +213,13 @@ export default {
   background: no-repeat;
   background-image: url("/static/images/overview/titlebox.gif");
 
-  .icon {
-    background: no-repeat;
-
-    background-image: url("/static/images/overview/icon_标题框装饰.png");
-    display: inline-block;
-    width: 30px;
-    height: 30px;
-    background-position: 14px 7px;
-  }
-
   span {
     color: #fff;
     font-size: 14px;
     font-weight: bold;
     position: relative;
-    bottom: 0.5rem;
+    bottom: 1.8rem;
+    right: 1rem;
   }
 }
 

+ 2 - 10
src/views/cockpit/tdsc.vue

@@ -474,22 +474,14 @@ export default {
   background: no-repeat;
   background-image: url("/static/images/overview/titlebox.gif");
 
-  .icon {
-    background: no-repeat;
-
-    background-image: url("/static/images/overview/icon_标题框装饰.png");
-    display: inline-block;
-    width: 30px;
-    height: 30px;
-    background-position: 14px 7px;
-  }
 
   span {
     color: #fff;
     font-size: 14px;
     font-weight: bold;
     position: relative;
-    bottom: 0.5rem;
+    bottom: -0.2rem;
+    right: -2.4rem;
   }
 }
 

+ 10 - 15
src/views/cockpit/tdsy.vue

@@ -821,29 +821,24 @@ export default {
       display: flex;
       justify-content: space-between;
 
-      .icon {
-        background: no-repeat;
-        background-image: url("/static/images/overview/icon_标题框装饰.png");
-        display: inline-block;
-        width: 30px;
-        height: 30px;
-        background-position: 14px 7px;
-      }
-
       span {
         color: #fff;
-        font-size: 14px;
-        font-weight: bold;
-        position: relative;
-        bottom: 0.5rem;
+    font-size: 14px;
+    font-weight: bold;
+    position: relative;
+    bottom: -0.2rem;
+    right: -2.3rem;
       }
     }
 
     .left_tab {
       position: fixed;
-      left: 13rem;
+      left: 10rem;
+    }
+    .right_tab {
+      position: fixed;
+      left: 19rem;
     }
-
     .selectTab {
       /deep/ .el-input__inner {
         // padding-right: 30px;

二进制
static/images/overview/icon_标题框装饰.png


二进制
static/images/overview/标题框.png