<!--
|
* @Date: 2024-01-04 23:08:48
|
* @LastEditors: Sneed
|
* @LastEditTime: 2024-01-17 22:35:41
|
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/home/Welcome.vue
|
-->
|
<template>
|
<div class="container">
|
<img class="bg" src="./earth.png" alt="">
|
<div class="welcome">
|
{{userInfo.name}}您好，欢迎使用千文科技MDC展示系统
|
</div>
|
</div>
|
</template>
|
<script>
|
import { mapGetters } from 'vuex';
|
export default {
|
computed: {
|
...mapGetters(['userInfo'])
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.container {
|
top: 0;
|
left: 50%;
|
width: 60%;
|
transform: translateX(-50%);
|
height: 100%;
|
// background-image: url('./earth.png');
|
background-repeat: no-repeat;
|
background-size: cover;
|
position: relative;
|
|
.bg {
|
position: relative;
|
left: 50%;
|
transform: translateX(-50%);
|
max-width: 100%;
|
;
|
max-height: 100%;
|
}
|
}
|
|
.welcome {
|
width: 100%;
|
height: 102px;
|
position: absolute;
|
top: 30%;
|
font-size: 40px;
|
color: #68D9FF;
|
line-height: 102px;
|
background: url('./welcome.png') 0 0 no-repeat;
|
background-size: contain;
|
text-align: center;
|
user-select: none;
|
}</style>
|
