stmms-proxy/src/components/Layout.vue

<template>
  <div class="wp">
    <div class="hd">
      <div class="logo"><img src="img/logo.png" /></div>
      <span class="y">
        欢迎您，<span id="user-name">{{ userName }}</span>
        <span class="pipe">|</span><a href="/">退出</a>
      </span>
    </div>
    <div class="cont">
      <slot />
    </div>
    <div class="ft">
      Copyright © 2011-2020 www.qmth.com.cn, All Rights Reserved
    </div>
  </div>
</template>

<script setup lang="ts">
import { store } from "@/store";
const {
  user: { userName },
} = store.env;
</script>