update 修改设备管理

src/views/QualityManager/components/TechyHeader.vue

@@ -1,7 +1,9 @@
 <template>
   <header class="techy-header">
-    <img class="logo-img" src="./logo.png" alt="cnbm" />
-    <span class="techy-header__title">{{ headTitle }}</span>
+    <div class="center-header">
+      <img class="logo-img" src="./logo.png" alt="cnbm">
+      <span class="techy-header__title">{{ headTitle }}</span>
+    </div>
 
     <!-- <div class="date">2022.10.14</div>
     <div class="time">20:12:24</div> -->
@@ -52,8 +54,6 @@ const unfullScreenSvg = `<svg style="width: 100%; height: 100%" viewBox="0 0 32
         </g>
     </g>
 </svg>`
-
-
 export default {
   name: 'TechyHeader',
   props: ['headTitle'],
@@ -104,11 +104,19 @@ export default {
   /* background-position: bottom left 40px;  */
   /* background-size: cover; */
   background-size: 100% 100%;
-  /* background-position: bottom left calc(100vw / 1920 * 40); */
-  background-position: bottom left calc(32px * var(--beilv));
+  background-position: bottom;
+  /* background-position: bottom left calc(32px * var(--beilv)); */
   height: calc(96px * var(--beilv));
 }
 
+.center-header {
+  /* transform: translateX(calc(-18px * var(--beilv))); */
+  transform: translateX(-8%) translateY(18%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .logo-img {
   width: calc(28px * var(--beilv));
 }