فهرست منبع

样式修改:系统图标和首页顶部背景图替换;

chengbeibei 1 سال پیش
والد
کامیت
81f3425cf1
5فایلهای تغییر یافته به همراه23 افزوده شده و 8 حذف شده
  1. BIN
      src/assets/header-background.png
  2. BIN
      src/assets/logo.png
  3. BIN
      src/assets/logo_old.png
  4. 12 5
      src/components/page/GlobalHeader.vue
  5. 11 3
      src/components/tools/Logo.vue

BIN
src/assets/header-background.png


BIN
src/assets/logo.png


BIN
src/assets/logo_old.png


+ 12 - 5
src/components/page/GlobalHeader.vue

@@ -17,8 +17,8 @@
         :type="collapsed ? 'menu-unfold' : 'menu-fold'"
         @click="toggle"/> -->
 
-      <span v-if="device === 'desktop'">山东省省级土地资产信息管理系统</span>
-      <span v-else>土地资产信息上报系统</span>
+<!--      <span v-if="device === 'desktop'">山东省省级土地资产信息管理系统</span>-->
+<!--      <span v-else>土地资产信息上报系统</span>-->
 
       <user-menu :theme="theme"/>
     </div>
@@ -196,17 +196,18 @@
     }
 
     .header {
-      z-index: 2;
+      //z-index: 2;
       color: white;
       height: @height;
-      background-color: @primary-color;
+      background: transparent; // 重新定义背景色,设置为透明色,让背景图显示出来
+      //background-color: @primary-color;
       transition: background 300ms;
 
       /* dark 样式 */
       &.dark {
         color: #000000;
         box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-        background-color: white !important;
+        //background-color: white !important;
       }
     }
 
@@ -220,6 +221,12 @@
   .ant-layout-header {
     height: @height;
     line-height: @height;
+    background: transparent; // 重新定义背景色,设置为透明色,让背景图显示出来
+  }
+
+  // 更换顶部背景图,确保右边顶部欢迎菜单和退出登录可以显示
+  .layout .sidemenu .ant-header-fixedHeader {
+    z-index: 10;
   }
 
   /* update_end author:scott date:20190220 for: 缩小首页布局顶部的高度*/

+ 11 - 3
src/components/tools/Logo.vue

@@ -26,7 +26,7 @@
       },
       showTitle: {
         type: Boolean,
-        default: true,
+        default: false,
         required: false
       },
       // 点击Logo跳转地址
@@ -45,7 +45,8 @@
     box-shadow: none !important;
     .logo {
       height: @height !important;
-	  width: 500px;
+	    //width: 500px;
+	    width: 100vw;
       line-height: @height !important;
       box-shadow: none !important;
       transition: background 300ms;
@@ -56,10 +57,17 @@
           color: rgba(255, 255, 255, 0.8);
         }
       }
+      // 重新定义图片大小
+      img {
+        height: 40px;
+      }
     }
 
     &.light .logo {
-      background-color: @primary-color;
+      //background-color: @primary-color;
+      background-image: url('../../assets/header-background.png');
+      //width: auto;
+
     }
   }
 </style>