<!--
|
* @Date: 2024-01-04 23:08:48
|
* @LastEditors: Sneed
|
* @LastEditTime: 2024-01-05 23:52:01
|
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/views/home/Welcome.vue
|
-->
|
<template>
|
<div class="container">
|
<div class="welcome">
|
admin您好，欢迎使用千文科技MDC展示系统
|
</div>
|
</div>
|
</template>
|
<style lang="scss" scoped>
|
.container {
|
position: absolute;
|
top: 0;
|
left: 50%;
|
width: 60%;
|
transform: translateX(-50%);
|
height: 100%;
|
background-image: url('./earth.png');
|
background-repeat: no-repeat;
|
background-size: cover;
|
}
|
.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>
|
