<template>
<div class="home">
    <div class="txt">
        <h1>欢迎访问{{sysTITLE}}后台管理系统！</h1>
        <p><em>Wellcom to the Emergency Onduty Management System.</em></p>
    </div>
</div>
</template>
<style lang="scss" scoped>
.home{width: 100%;height: 100%;background-image:linear-gradient(45deg, #015eac, #181818);background-image:-webkit-linear-gradient(45deg, #015eac, #181818);}
.txt{position: relative;top: 30vh;text-align: center;color: honeydew;}
h1{font-size: 32px;padding: 10px;margin: 0;}
p{font-size: 1.6em;}
</style>
<script lang="ts">
 import {Component,Vue, Provide} from 'vue-property-decorator'
 import METHOD from '@/utils/methods';
 @Component({
     components:{}
 })
 export default class Home extends Vue {
    @Provide() sysTITLE:string = '';
    created() {
        this.sysTITLE = METHOD.sysTITLE   
    }
 }
</script>
