2025-01-23 01:10:59 +00:00
|
|
|
<!--
|
|
|
|
|
* @Description:
|
|
|
|
|
* @Author: zenghua.wang
|
|
|
|
|
* @Date: 2023-06-20 14:29:45
|
2025-01-23 09:27:53 +00:00
|
|
|
* @LastEditors: zenghua.wang
|
2025-02-14 01:48:22 +00:00
|
|
|
* @LastEditTime: 2025-02-13 16:04:43
|
2025-01-23 01:10:59 +00:00
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="logo">
|
|
|
|
|
<!-- <img src="/images/logo.png" class="logo-picture" /> -->
|
2025-01-23 09:27:53 +00:00
|
|
|
<h2 v-show="!isCollapse" class="logo-title">{{ VITE_APP_TITLE }}</h2>
|
2025-01-23 01:10:59 +00:00
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup name="logo">
|
|
|
|
|
defineProps({
|
|
|
|
|
isCollapse: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: false,
|
|
|
|
|
},
|
|
|
|
|
});
|
2025-01-23 09:27:53 +00:00
|
|
|
|
|
|
|
|
const { VITE_APP_TITLE } = import.meta.env;
|
2025-01-23 01:10:59 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.logo {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
@include flex-row();
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 7px 5px;
|
|
|
|
|
margin-bottom: 2px;
|
|
|
|
|
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
|
|
|
transition: all 0.28s;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
|
|
&-picture {
|
|
|
|
|
width: 70px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-title {
|
2025-01-23 09:27:53 +00:00
|
|
|
height: 35px;
|
|
|
|
|
line-height: 35px;
|
2025-01-23 01:10:59 +00:00
|
|
|
color: $color-primary;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
