water_maintenance/src/components/ThreeWorldEventQingXiCheAndQv/MeshDb.vue

<script setup>
import { QingXiCheAndQvMyThreeWorldStore } from "./store/QingXiCheAndQvMyThreeWorldStore.js";

</script>

<template>
    
    <div class="MeshDb">
        
        <div class="title">自定义显示物体的数据</div>
        
        <div class="list" >
            <p> {{ QingXiCheAndQvMyThreeWorldStore().meshDbOpenMeshId }} 的数据 </p>
        </div>
        
    </div>

</template>

<style lang="less" scoped>

.MeshDb * {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.MeshDb {

    position: fixed;
    left: 50%;
    margin: 0px 0px 0px -150px;
    width: 300px;
    padding: 5px;
    z-index: 3;
    background-color: #000000;
    border: 1px solid #ffffff;

    .title {

        width: 100%;
        padding: 5px;
        text-align: center;
        font-size: 14px;
        border: 1px solid #ffffff;
        color: #ffffff;

    }

    .list {
        width: 100%;
        padding: 3px;
        border: 1px solid #ffffff;
        color: #ffffff;
        cursor:pointer;
    }

}

</style>