cnlive_project / cnlive-community-web-vue · Files

<script setup lang="ts">
import {ref} from 'vue'
const title = ref(import.meta.env.VITE_APP_TITLE).value
</script>

<template>
  <div class="dashboard-container">
    <div class="dashboard-logo"></div>
    <h1>欢迎访问 -- {{title}}</h1>
  </div>
</template>

<style lang="scss" scoped>
.dashboard {
  &-container {
    padding-top: 200px;
    min-height: calc(100vh - 60px);
    background: #f0f2f5;
  }
  &-logo {
    width: 200px; 
    height: 200px; 
    margin: 0 auto;
    background-color: pink; 
    background-image: url('@/assets/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0;
  }
}
</style>