Default Changelist

马宇豪

2024-01-08 15315b1772036eb5168792aac0121f6e9005b11e

 src/layout/navBars/breadcrumb/user.vue

@@ -1,7 +1,7 @@
<template>
    <div class="layout-navbars-breadcrumb-user pr15" :style="{ flex: layoutUserFlexNum }">
        <div class="logo">
            <img @click="toHome" src="../../../assets/menu/companyLogo.png" />
            <img src="../../../assets/menu/companyLogo.png" />
            <span>{{ systemName }}</span>
        </div>
        <div style="display: flex; align-items: center; padding-right: 5px">
@@ -268,9 +268,9 @@
                console.log(routeList);
            });
        };
        const toHome = () => {
            router.push({ path: 'newMenu' });
        };
        // const toHome = () => {
        //     router.push({ path: 'newMenu' });
        // };
        // 页面加载时
        onMounted(() => {
            if (Local.get('themeConfig')) {
@@ -282,7 +282,6 @@
        return {
            userInfos,
            backToMenu,
            toHome,
            onLayoutSetingClick,
            onHandleCommandClick,
            onScreenfullClick,
@@ -302,7 +301,6 @@
        .logo{
            img {
                height: 100%;
                cursor: pointer;
            }
            span{
                font-size: 32px;
@@ -312,12 +310,21 @@
                padding-left: 10px
            }
        }
        .backBtn {
            font-size: 16px;
            cursor: pointer;
            margin-right: 20px;

            &:hover {
                color: #409eff;
                font-weight: bolder;
            }
        }
    }
    @media screen and (min-width: 1200px) and (max-width: 1400px) {
        .logo{
            img {
                height: 90%;
                cursor: pointer;
            }
            span{
                font-size: 28px;
@@ -327,13 +334,22 @@
                padding-left: 10px
            }
        }
        .backBtn {
            font-size: 14px;
            cursor: pointer;
            margin-right: 20px;

            &:hover {
                color: #409eff;
                font-weight: bolder;
            }
        }
    }
    @media screen and (max-width: 1024px) {
        .logo{
            img {
                width: 60%;
                height: auto;
                cursor: pointer;
            }
            span{
                font-size: 22px;
@@ -341,6 +357,16 @@
                font-weight: bolder;
                border-left: 2px solid #409eff;
                padding-left: 10px
            }
        }
        .backBtn {
            font-size: 12px;
            cursor: pointer;
            margin-right: 20px;

            &:hover {
                color: #409eff;
                font-weight: bolder;
            }
        }
    }
@@ -395,16 +421,6 @@
        }
        ::v-deep(.el-badge__content.is-fixed) {
            top: 12px;
        }
        .backBtn {
            font-size: 16px;
            cursor: pointer;
            margin-right: 20px;

            &:hover {
                color: #409eff;
                font-weight: bolder;
            }
        }
    }
</style>