| | |
| | | <div class="page-index"> |
| | | <Header /> |
| | | <router-view></router-view> |
| | | <RSide /> |
| | | <Footer /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | import { onMounted } from 'vue'; |
| | | import cesiumOperation from '@/utils/cesium-tsa'; |
| | | import Header from './Header.vue'; |
| | | import Footer from './Footer.vue'; |
| | | import RSide from './RSide.vue'; |
| | | |
| | | const { _init } = cesiumOperation(); |
| | | const narrowScreen = ref(false) |
| | | |
| | | const narrowScreenFun = () => { |
| | | // 监听窗口变化,计算是不是 窄屏幕 |
| | | narrowScreen.value = window.innerWidth / window.innerHeight < 16 / 9; |
| | | }; |
| | | |
| | | onMounted(() => { |
| | | _init('cesium'); |
| | | narrowScreenFun() |
| | | window.addEventListener('resize', narrowScreenFun); |
| | | }); |