cesium_three/src/App.vue

<template>
    <!-- <menuCom /> -->
    <!-- <div class="header">
        <img :src="cesiumImg" alt="">
        <p>“天镜” 数字孪生可视化引擎</p>
    </div> -->

    <RouterView :key="$route.fullPath" />
</template>

<script>
// "cesium": "^1.132.0",
// import menuCom from "@/views/menuCom.vue"
import cesiumImg from "/cesiumIco.png"
export default {
    components: {
        // menuCom
    },
    data() {
        return {
            cesiumImg
        }
    },
}
</script>

<style lang="less">
.header{
    display: flex;
    position: fixed;
    z-index: 1111;
    padding: 15px 0 0 15px;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, #000000, transparent);
    img{
        width: 35px;
        height: 35px;
    }
    p{
        color: #fff;
        margin-left: 10px;
        font-size: 18px;
        position: relative;
        top: 3px;
        font-weight: bold;
    }
}
</style>