<template>
  <div class="content">
    <!-- <span>首页</span> -->
    <!-- 按钮控制区 -->
    <div class="btns">
      <button @click="showInfo()">WMS服务</button>
      <button >WMTS服务</button>
      <button>TMS服务</button>
    </div>
    <Service/>
  </div>
</template>

<script>
import { useRouter } from 'vue-router'
import Service from '../../examples/service.vue'
export default {
  name: 'HomePage',
  components:{
     Service
  },
  setup(props) {
    const router = useRouter()
    function toSystem() {
      router.push({ path: '/login' })
    }
    return {
      toSystem
    }
  },
  mounted(){
     
  },
  methods:{
     showInfo(){
       console.log('111')
     }
  }
}
</script>
<style lang="scss" scoped>
     .content{
       width:100%;
       height:100%;
       position:relative;
       .btns{
         width:100%;
         height:40px;
         position:absolute;
        //  background-color:yellow;
         top:0;
         left:0;
         z-index:100;
         display:flex;
         align-items:center;
         padding-left:20px;
         button{
           margin-right:10px;
         }
       }
     }

</style>

