修复使用透明底png图片时，自动填充黑色背景

RuoYi

2022-10-28 f5a16e4534b815471fdd22edab89a010d492c4aa

 src/components/TopNav/index.vue

@@ -30,6 +30,9 @@
<script setup>

import { constantRoutes } from "@/router"

import { isHttp } from '@/utils/validate'

import useAppStore from '@/store/modules/app'

import useSettingsStore from '@/store/modules/settings'

import usePermissionStore from '@/store/modules/permission'



// 顶部栏初始数

const visibleNumber = ref(null);

@@ -38,14 +41,16 @@
// 隐藏侧边栏路由

const hideList = ['/index', '/user/profile'];



const store = useStore();

const appStore = useAppStore()

const settingsStore = useSettingsStore()

const permissionStore = usePermissionStore()

const route = useRoute();

const router = useRouter();



// 主题颜色

const theme = computed(() => store.state.settings.theme);

const theme = computed(() => settingsStore.theme);

// 所有的路由信息

const routers = computed(() => store.state.permission.topbarRouters);

const routers = computed(() => permissionStore.topbarRouters);



// 顶部显示菜单

const topMenus = computed(() => {

@@ -91,10 +96,10 @@
  if (path !== undefined && path.lastIndexOf("/") > 0 && hideList.indexOf(path) === -1) {

    const tmpPath = path.substring(1, path.length);

    activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));

    store.dispatch('app/toggleSideBarHide', false);

    appStore.toggleSideBarHide(false);

  } else if(!route.children) {

    activePath = path;

    store.dispatch('app/toggleSideBarHide', true);

    appStore.toggleSideBarHide(true);

  }

  activeRoutes(activePath);

  return activePath;

@@ -114,11 +119,11 @@
  } else if (!route || !route.children) {

    // 没有子路由路径内部打开

    router.push({ path: key });

    store.dispatch('app/toggleSideBarHide', true);

    appStore.toggleSideBarHide(true);

  } else {

    // 显示左侧联动菜单

    activeRoutes(key);

    store.dispatch('app/toggleSideBarHide', false);

    appStore.toggleSideBarHide(false);

  }

}



@@ -132,7 +137,7 @@
    });

  }

  if(routes.length > 0) {

    store.commit("SET_SIDEBAR_ROUTERS", routes);

    permissionStore.setSidebarRouters(routes);

  }

  return routes;

}