bug

project/dvui/layout/AiDvWrapper/AiDvWrapper.vue

@@ -195,7 +195,9 @@ export default {
 @import url('../../lib/animation.scss');
 .AiDvWrapper {
   .viewPanel {
+    display: flex;
     position: relative;
+    flex-direction: column;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
@@ -212,6 +214,8 @@ export default {
   }
 
   ::v-deep.headerPane {
+    display: flex;
+    align-items: center;
     height: 120px;
     width: 100%;
     padding: 0 10px;
@@ -223,11 +227,15 @@ export default {
     }
 
     .viewTabs {
+      display: flex;
+      align-items: center;
       height: 60px;
       font-size: 15px;
       overflow: visible;
 
       .btn {
+        display: flex;
+        align-items: center;
         cursor: pointer;
         justify-content: center;
         min-width: 120px;
@@ -273,6 +281,8 @@ export default {
     }
 
     .settingZone {
+      display: flex;
+      align-items: center;
       font-family: DIN, serif;
       height: 60px;
       justify-content: flex-end;
@@ -323,7 +333,7 @@ export default {
         width: 760px;
         height: 124px;
         background-repeat: no-repeat;
-        background-image: url("assets/headerCenterBorderLight.svg"), url("assets/headerCenterBorder.svg"), url("assets/headerCenterBg2.png");
+        background-image: url("./assets/headerCenterBorderLight.svg"), url("./assets/headerCenterBorder.svg"), url("./assets/headerCenterBg2.png");
         background-position: center bottom, center 0, center -20px;
         overflow: visible;
 

project/dvui/layout/AiDvWrapper/rightTopBorder.vue

@@ -32,7 +32,7 @@ export default {
     width: 18px;
     position: absolute;
     display: block;
-    background-image: url("assets/corner.svg");
+    background-image: url("./assets/corner.svg");
     background-repeat: no-repeat;
 
     &.left-top {