65 lines
1.1 KiB
Vue
65 lines
1.1 KiB
Vue
<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>
|
|
|