daimp-front/sub-government-affairs-service/src/layouts/component/Logo/index.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>