42 lines
855 B
Vue
42 lines
855 B
Vue
<template>
|
|
<section class="AppConsole">
|
|
<div class="consoleBg" v-text="`欢迎使用${system.fullTitle}`"/>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapState} from "vuex";
|
|
|
|
export default {
|
|
name: "AppConsole",
|
|
label: "工作台",
|
|
computed: {
|
|
...mapState(['sys']),
|
|
system: v => v.sys.info || {}
|
|
},
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.AppConsole {
|
|
height: 100%;
|
|
|
|
.consoleBg {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background-image: url("https://cdn.cunwuyun.cn/dvcp/consoleBg.png");
|
|
background-size: 600px 362px;
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
padding-top: 402px;
|
|
font-size: 32px;
|
|
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
|
|
font-weight: bold;
|
|
color: #95A1B0;
|
|
min-width: 600px;
|
|
}
|
|
|
|
}
|
|
</style>
|