<template>
    <div style="position: absolute; top: 120px; left: 40px; width: 15%;  height: 70%;background: #483e3e;border-radius: 6px;border: 1px solid red;">
        <div style="height: 50px; border-bottom: 1px solid red;">
            <span style="font-size: 30px; color: #fff; margin-left: 15px;">bmh_cesium</span>
            <span style="font-size: 30px; color: #fff; margin-right: 15px;float: right;cursor: pointer;">X</span>
        </div>
        <div style="height: calc(100% - 100px);">
            <p style="font-size: 30px; color: #fff; margin-left: 30px;" v-if="btntype == 1">bmh_cesium111</p>
            <p style="font-size: 30px; color: #fff; margin-left: 30px;" v-if="btntype == 2">bmh_cesium222</p>
        </div>

        <div style="height: 50px; border-top: 1px solid red;" class="bottomClass">
            <div style="margin-left: 10px;">
                <span class="bottombtn" v-for="item in bottomsapn" @click="plotCutBtn(item.index)">{{item.name}}</span>
            </div>
            <!-- <span class="bottombtn" style="margin-left: 0px;" @click="plotCutBtn(2)">列表</span> -->
        </div>
        <!-- <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="标号" name="first">标号</el-tab-pane>
            <el-tab-pane label="列表" name="second">列表</el-tab-pane>
        </el-tabs> -->
    </div>
</template>
    
<script>
import X_Plot from './index.js'
export default X_Plot
</script>

<style >

.bottombtn{
    color: rgb(145 140 140); 
    cursor: pointer; 
    /* margin-left: 10px; */
    padding: 3px 5px 3px 5px; 
    font-size: 15px;
    border-top: none;
}
.bottombtn1{
    border: 1px solid; 
    border-top: none;
    color: #fff;
    border-radius: 5px;
}
/* .el-tabs{
    --el-tabs-header-height: 20px;
} */
</style>
    