<template>
  <div class="app-container page-welcome">
      <img :src="img" />
      <p>欢迎使用{{ title }}</p>
  </div>
</template>
<script>
import backendImg from '@/assets/images/welcome.png'
export default {
  name: "welcome",
  data() {
    return {
      title: process.env.VUE_APP_TITLE,
      img:backendImg,
    }

  }
}
</script>
<style scoped>
 .page-welcome{
  display: flex;
  align-items: center;
  flex-direction: column;
 }
 .page-welcome>p{
  line-height: 40px;
  letter-spacing: 0.2em;
  font-size: 22px;
 }
</style>
