上传多图组件

children117cl

2021-05-27 ccad616880f2f6e21adf18f6f4e28de9930ff05e

 src/layout/components/Sidebar/Logo.vue

@@ -2,7 +2,7 @@
  <div class="sidebar-logo-container" :class="{'collapse':collapse}">
    <transition name="sidebarLogoFade">
      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
        <img v-if="logo" :src="logo" class="sidebar-logo">
        <img v-if="logo" :src="logo" class="sidebar-logo logo-center">
        <h1 v-else class="sidebar-title">{{ title }} </h1>
      </router-link>
      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
@@ -25,7 +25,7 @@
  data() {
    return {
      title: '”项目名称“',
      logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'
      logo: ''
    }
  }
}
@@ -61,6 +61,11 @@
      margin-right: 12px;
    }

    & .logo-center {
      margin-top: 50%;
      transform: translateY(-50%);
    }

    & .sidebar-title {
      display: inline-block;
      margin: 0;