小程序地图

liuyg

2021-05-10 b4ed5fa857edf8928bf675742d5feb0edfbf6d69

小程序地图

 public/xcxh5map/css/body.css

@@ -17,6 +17,18 @@
    height: 50%;
    z-index: 400;
    background-color: #fff;
    opacity: 0.9;
    border: 1px solid springgreen;
    /* opacity: 0.9; */
}
.title{
    width: 100%;
    height: 7%;
    /* border: 1px solid springgreen; */
    border-radius: 1000px 1000px 0 0;
    position: fixed;
    top: 43%;
    background-color: #fff;
    z-index: 401;
    display: flex;
    align-items: center;
    justify-content: center;
}

 public/xcxh5map/js/vueMain.js

@@ -7,6 +7,8 @@
        layuiLayer: null,
        nowIndex: null,

        activeName: 'first',

        seedata: '',
        dialogVisible: 'true',
        drawer: false,
@@ -85,6 +87,9 @@
                console.log(a.layer.options.myData)
            });
        },
        handleClick(tab, event){
            console.log(tab, event);
        }
    },
    mounted() {
        this.getdata = this.getQueryVariable('data');

 public/xcxh5map/xcxmap.html

@@ -52,6 +52,12 @@
                {{seedata.title}}
            </div>
            <div class="main">
                <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
                    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
                    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
                    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
                  </el-tabs>
                {{seedata.jd}}-{{seedata.wd}}
            </div>
        </div>