pco/sp-admin/sa-frame/nav/nav-logo.vue

<!-- 左上：logo部分 -->
<template>
  <div class="com-logo-box" :title="$root.title" @click="$root.showHome()">
    <img :src="$root.logo" class="admin-logo" v-if="$root.logo">
    <span class="admin-title">{{ $root.title }}</span>
  </div>
</template>

<script>
module.exports = {
  data() {
    return {}
  },
  methods: {},
  created() {
  }
}
</script>

<style scoped>
.com-logo-box {
  cursor: pointer;
}

.admin-logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  margin-left: 22px;
}

.admin-title {
  padding-right: 0.5em;
  margin-left: 2em;
  font-size: 1.05em;
}

</style>