48 lines
923 B
Vue
48 lines
923 B
Vue
<!--
|
|
* @Description:
|
|
* @Author: zenghua.wang
|
|
* @Date: 2023-06-20 14:29:45
|
|
* @LastEditors: zenghua.wang
|
|
* @LastEditTime: 2025-04-11 11:05:55
|
|
-->
|
|
<template>
|
|
<div class="logo">
|
|
<img :src="getAssetsFile('images/logo.png')" class="logo-picture" />
|
|
<h2 v-show="!isCollapse" class="logo-title">政务服务</h2>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup name="logo">
|
|
import { getAssetsFile } from '@/utils';
|
|
|
|
const props = defineProps({
|
|
isCollapse: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.logo {
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
margin-bottom: 2px;
|
|
padding: 7px 5px;
|
|
box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
|
|
transition: all 0.28s;
|
|
@include flex-row;
|
|
&-picture {
|
|
margin: 0 auto;
|
|
height: 35px;
|
|
}
|
|
&-title {
|
|
padding-right: 20px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
color: $color-333;
|
|
}
|
|
}
|
|
</style>
|