Ver Código Fonte

fixed: 修改header图标位置

liuyang 2 anos atrás
pai
commit
e9a65b045a
2 arquivos alterados com 16 adições e 4 exclusões
  1. 7 3
      examples/App.vue
  2. 9 1
      packages/layer/Header.vue

+ 7 - 3
examples/App.vue

@ -1,6 +1,7 @@
1 1
<script setup lang="ts">
2 2
import { ref } from 'vue';
3 3
import { useRoute } from 'vue-router';
4
// import logoImg from '../packages/assets/images/empty.svg';
4 5
5 6
const menuList = ref<any>([
6 7
  {
@ -95,10 +96,13 @@ const menuList = ref<any>([
95 96
    path: '/flow-demo'
96 97
  }
97 98
]);
98
99 99
const headerInfo = ref<any>({
100
  // title: 'AIoT Edge管理平台',
101
  // logo
100
  title: '后台管理平台'
101
  // logo: logoImg,
102
  // style: {
103
  //   width: '30px',
104
  //   height: '30px'
105
  // }
102 106
});
103 107
const route = useRoute();
104 108

+ 9 - 1
packages/layer/Header.vue

@ -9,7 +9,12 @@
9 9
  <div class="common-panel-header">
10 10
    <div class="h-l">
11 11
      <!-- logo -->
12
      <img class="__header-info-logo" :src="headerInfo?.logo || ''" alt="" />
12
      <img
13
        class="__header-info-logo"
14
        :style="headerInfo.style"
15
        :src="headerInfo?.logo || ''"
16
        alt=""
17
      />
13 18
      <!-- title -->
14 19
      <span class="__header-info-title">{{ headerInfo?.title }}</span>
15 20
    </div>
@ -183,9 +188,12 @@ export default {
183 188
    min-width: 240px;
184 189
    color: #fff;
185 190
    display: flex;
191
    align-items: center;
192
    height: 100%;
186 193
    .__header-info-logo {
187 194
      max-height: 60px;
188 195
      width: auto;
196
      margin-right: 10px;
189 197
    }
190 198
    .__header-info-title {
191 199
      color: #fff;