Home.vue 1.25 KB
<!--
 * @Author: jiangbotao
 * @Date: 2019-12-03 22:31:08
 * @LastEditors: jiangbotao
 * @LastEditTime: 2019-12-07 12:44:47
 * @FilePath: \superglobevue\src\views\Home.vue
 -->
<template>
    <a-layout>
        <a-layout-header>
            <a-icon type="global" />&nbsp;&nbsp;三维地理信息系统
        </a-layout-header>
        <a-layout-content style="padding: 0px;">
            <viewer></viewer>
        </a-layout-content>
        <a-layout-footer style="height: 22px;">Footer</a-layout-footer>
    </a-layout>
</template>

<script>
import viewer from "@/components/viewer_s3m_single.vue";

export default {
    name: "home",
    data() {
        return {
            theme1: 'primary'
        };
    },
    components: {
        viewer
    }
};
</script>

<style scoped>
.ant-layout-header {
    height: 60px;
    top: 0px;
    position: absolute;
    width: 100%;
    background-color: #2d8cf0;
    color: white;
    text-align: left;
    padding: 0px 0px;
    padding-left: 10px;
    z-index: 99;
    font-size: 18pt;
}
.ant-layout-footer {
    height: 22px;
    bottom: 0px;
    position: absolute;
    width: 100%;
    background-color: rgba(19, 17, 17, 0.5);
    color: white;
    text-align: left;
    padding-top: 2px;
    padding-left: 10px;
}
</style>