| | |
| | | <div class="home"> |
| | | <div id="cesium"></div> |
| | | <div class="page-index"> |
| | | <RouterView></RouterView> |
| | | <Header/> |
| | | <router-view></router-view> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { onMounted } from 'vue'; |
| | | import CesiumInstance from '@/utils/cesium/cesiumInstance'; |
| | | import { RouterView } from 'vue-router'; |
| | | import cesiumOperation from '@/utils/cesium-tsa'; |
| | | import Header from './Header.vue'; |
| | | |
| | | const { _init } = cesiumOperation(); |
| | | |
| | | onMounted(() => { |
| | | new CesiumInstance('cesium'); // 只初始化一次 |
| | | _init('cesium'); |
| | | }); |
| | | </script> |
| | | |
| | | <script> |
| | | import index from '@/mixins'; |
| | | import { mapGetters } from 'vuex'; |
| | | |
| | | export default { |
| | | mixins: [index], |
| | | components: {}, |
| | | name: 'index', |
| | | provide() { |
| | | return { |
| | | index: this, |
| | | }; |
| | | }, |
| | | computed: {}, |
| | | props: [], |
| | | methods: {}, |
| | | }; |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .home { |
| | | position: relative; |
| | |
| | | background-repeat: no-repeat; |
| | | pointer-events: none; |
| | | color: red; |
| | | >*{ |
| | | |
| | | > * { |
| | | pointer-events: auto; |
| | | } |
| | | } |