fixed: 修改header图标位置

examples/App.vue

<script setup lang="ts">
import { ref } from 'vue';
import { useRoute } from 'vue-router';
// import logoImg from '../packages/assets/images/empty.svg';
const menuList = ref<any>([
  {
    path: '/flow-demo'
  }
]);
const headerInfo = ref<any>({
  // title: 'AIoT Edge管理平台',
  // logo
  title: '后台管理平台'
  // logo: logoImg,
  // style: {
  //   width: '30px',
  //   height: '30px'
  // }
});
const route = useRoute();

packages/layer/Header.vue

  <div class="common-panel-header">
    <div class="h-l">
      <!-- logo -->
      <img class="__header-info-logo" :src="headerInfo?.logo || ''" alt="" />
      <img
        class="__header-info-logo"
        :style="headerInfo.style"
        :src="headerInfo?.logo || ''"
        alt=""
      />
      <!-- title -->
      <span class="__header-info-title">{{ headerInfo?.title }}</span>
    </div>
    min-width: 240px;
    color: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    .__header-info-logo {
      max-height: 60px;
      width: auto;
      margin-right: 10px;
    }
    .__header-info-title {
      color: #fff;