index.vue 511 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div class="home_content" :class="{ popup_content: state.popup }">
  3. <router-view></router-view>
  4. </div>
  5. </template>
  6. <script setup>
  7. import { reactive, onMounted } from 'vue'
  8. let state = reactive({
  9. popup: true
  10. })
  11. onMounted(() => {
  12. if (window.location.href.indexOf('home.html') > 0) {
  13. state.popup = false
  14. }
  15. })
  16. </script>
  17. <style>
  18. .home_content{
  19. width: 100%;
  20. height: 100%;
  21. }
  22. .popup_content {
  23. width: 375px;
  24. height: 600px;
  25. box-sizing: border-box;
  26. overflow-y: auto;
  27. }
  28. </style>