|
|
@ -1,7 +1,7 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="header-wrapper"> |
|
|
<div class="header-wrapper"> |
|
|
<div class="left"> |
|
|
<div class="left"> |
|
|
<div class="logo"><img :src="Logo" alt="" style="height: 30px;width: 169px"></div> |
|
|
<div class="logo"><img :src="LogoZh" alt="" style="height: 30px;width: 169px"></div> |
|
|
<span class="menu-icon" @click="handleToggle"> |
|
|
<span class="menu-icon" @click="handleToggle"> |
|
|
<!-- 使用 props.collapsed --> |
|
|
<!-- 使用 props.collapsed --> |
|
|
<component v-if="!props.collapsed" :is="renderIcon('antd MenuFoldOutlined')"></component> |
|
|
<component v-if="!props.collapsed" :is="renderIcon('antd MenuFoldOutlined')"></component> |
|
|
@ -20,6 +20,7 @@ |
|
|
import {ref} from 'vue' |
|
|
import {ref} from 'vue' |
|
|
import { renderIcon } from '@/utils/webutils.js' |
|
|
import { renderIcon } from '@/utils/webutils.js' |
|
|
import Logo from '@/assets/images/logo.png' |
|
|
import Logo from '@/assets/images/logo.png' |
|
|
|
|
|
import LogoZh from '@/assets/images/logo_zh.png' |
|
|
// 接收 props |
|
|
// 接收 props |
|
|
const props = defineProps({ |
|
|
const props = defineProps({ |
|
|
isMobile: Boolean, |
|
|
isMobile: Boolean, |
|
|
|