Browse Source

logo优化

quwangxin 3 years ago
parent
commit
5769fb9494
3 changed files with 22 additions and 13 deletions
  1. 1 1
      .env
  2. BIN
      src/assets/logo.png
  3. 21 12
      src/layout/index.vue

+ 1 - 1
.env

@@ -1,2 +1,2 @@
-VUE_APP_NAME=WMS仓储管理系统
+VUE_APP_NAME=仓储管理系统
 VUE_APP_API_BASE_URL=/api

BIN
src/assets/logo.png


+ 21 - 12
src/layout/index.vue

@@ -51,7 +51,7 @@
     <router-layout />
     <!-- logo 图标 -->
     <template v-slot:logo>
-      <img src="@/assets/logo.svg" alt="logo" />
+      <img src="@/assets/logo.png" alt="logo" />
     </template>
     <!-- 顶栏右侧区域 -->
     <template v-slot:right>
@@ -119,7 +119,7 @@
       HeaderTools
       // PageFooter
     },
-    data() {
+    data () {
       return {
         PROJECT_NAME,
         HIDE_SIDEBARS,
@@ -135,11 +135,11 @@
     },
     computed: {
       // 当前语言
-      locale() {
+      locale () {
         return this.$i18n.locale;
       },
       // 菜单数据
-      menus() {
+      menus () {
         return this.$store.state.user.menus;
       },
       // 主题状态
@@ -147,29 +147,29 @@
     },
     methods: {
       /* 侧栏折叠切换 */
-      updateCollapse(value) {
+      updateCollapse (value) {
         // console.log('value:', this.$store.state.user.menus);
         this.$store.dispatch('theme/setCollapse', value);
       },
       /* 双侧栏一级折叠切换 */
-      updateSideNavCollapse(value) {
+      updateSideNavCollapse (value) {
         this.$store.dispatch('theme/setSideNavCollapse', value);
       },
       /* 内容区域全屏切换 */
-      updateBodyFullscreen(value) {
+      updateBodyFullscreen (value) {
         this.$store.dispatch('theme/setBodyFullscreen', value);
       },
       /* logo 点击事件 */
-      onLogoClick(isHome) {
+      onLogoClick (isHome) {
         isHome || this.$router.push(LAYOUT_PATH);
       },
       /* 监听屏幕尺寸改变 */
-      screenSizeChange() {
+      screenSizeChange () {
         this.$store.dispatch('theme/updateScreenSize');
         this.fullscreen = isFullscreen();
       },
       /* 全屏切换 */
-      onFullscreen() {
+      onFullscreen () {
         try {
           this.fullscreen = toggleFullscreen();
         } catch (e) {
@@ -177,7 +177,7 @@
         }
       },
       /* 页签右键菜单点击事件 */
-      onTabContextMenu({ key, tabKey, item, active }) {
+      onTabContextMenu ({ key, tabKey, item, active }) {
         switch (key) {
           case 'reload': // 刷新
             reloadPageTab({
@@ -212,7 +212,7 @@
         }
       },
       /* 菜单标题国际化 */
-      i18n(_path, key) {
+      i18n (_path, key) {
         if (!I18N_ENABLE || !key) {
           return;
         }
@@ -237,6 +237,15 @@
 </script>
 
 <style lang="scss">
+  .ele-admin-layout {
+    .ele-admin-logo {
+      font-size: 18px !important;
+      img {
+        width: 50px !important;
+        height: auto !important;
+      }
+    }
+  }
   // 侧栏菜单徽章样式,定位在右侧垂直居中并调小尺寸
   .ele-menu-badge {
     position: absolute;