shaogen1995 5 kuukautta sitten
vanhempi
commit
ce4d499487

BIN
backstage/public/favicon.png


BIN
backstage/src/assets/img/logo.png


BIN
backstage/src/assets/img/logo_dec.png


+ 26 - 10
backstage/src/pages/layout/head.vue

@@ -1,8 +1,12 @@
-passworddialog.vue<!--  -->
+passworddialog.vue
+<!--  -->
 <template>
   <div class="header card">
     <div class="header-title">
-      <img src="@/assets/img/logo.png" alt="" />
+      <div class="logoBox">
+        <img class="logo1" src="@/assets/img/logo.png" alt="" />
+        <img class="logo2" src="@/assets/img/logo_dec.png" alt="" />
+      </div>
       <span>南京陆军工程大学数字史馆</span>
     </div>
     <div class="header-user">
@@ -112,20 +116,32 @@ export default {
   height: 68px;
   padding: 0 30px;
   box-sizing: border-box;
-  background-color: #B63C25 !important;
+  background-color: #b63c25 !important;
 }
 
 .header-title {
   color: #fff;
   font-size: 1.25rem;
-  text-align: center;
-  vertical-align: middle;
-  img {
-    vertical-align: middle;
-    max-width: 106px;
-    margin-right: 10px;
-    width:60px;
+  display: flex;
+  align-items: center;
+  .logoBox {
+    position: relative;
+    margin-right: 15px;
+    .logo1 {
+      position: relative;
+      z-index: 2;
+      max-width: 106px;
+      margin-right: 10px;
+      width: 60px;
+    }
+    .logo2 {
+      position: absolute;
+      bottom: -28px;
+      left: -11px;
+      max-width: 83px;
+    }
   }
+
   span {
     vertical-align: middle;
     display: inline-block;