update

gaosp

2024-01-17 c4705bdf860ec458ec84601f36821441beb7674c

 src/container/home/Welcome.vue

@@ -1,19 +1,27 @@
<!--
 * @Date: 2024-01-04 23:08:48
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-16 22:02:41
 * @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">
            admin您好，欢迎使用千文科技MDC展示系统
            {{userInfo.name}}您好，欢迎使用千文科技MDC展示系统
        </div>
    </div>
</template>
<script>
    import { mapGetters } from 'vuex';
    export default {
        computed: {
            ...mapGetters(['userInfo'])
        }
    }
</script>
<style lang="scss" scoped>
    .container {
.container {
    top: 0;
    left: 50%;
    width: 60%;
@@ -23,25 +31,27 @@
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    .bg {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        max-width: 100%;;
        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>

.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>