<template>
  <div class="container">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  mounted(){
    window.addEventListener('hashchange',()=>{
      var currentPath = window.location.hash.slice(1); // 获取输入的路由
      if(this.$router.path !== currentPath){
        this.$router.push(currentPath); // 动态跳转
      }
    },false);

    // document.querySelector(':root').setAttribute('style', '--panel-bg-color: '+'#ffffff')
  }
}
</script>
<script setup>
  import * as echarts from "echarts";
  import { provide } from "vue";
  provide("echarts", echarts);
</script>
<style>
.sm-panel{
  /* left: 480px;
  top: 90px !important; */
  padding: 30px 15px 15px !important;
  /* position: inherit !important; */
}
* {
  margin: 0;
  border: 0;
  padding: 0;

}

body {
  background: #f1f3f5;
}

.container {
  margin: 0 auto;
  text-align: center;

}

/*删除超图图标*/
.cesium-widget-credits {
  display: none !important;
}

/*禁用滚动条*/
*::-webkit-scrollbar {
  display: none;
}

/* 滑道样式 */
body::-webkit-scrollbar{
  width:8px;
  background:#304156;
  border-radius: 8px;
}

/* 定义滑块的样式 */
body::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  background-color:rgba(0,0,0,0.3);
}

/* 定义滑块鼠标移入时的样式 */
body::-webkit-scrollbar-thumb:hover{
  border-radius: 10px;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  background-color:rgba(0,0,0,0.4);
}


</style>
