test.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <script setup>
  2. import cqjcyj from "./components/cqjcyj.vue";
  3. import cqzrqs from "./components/cqzrqs.vue";
  4. import WeatherWatch from './components/WeatherWatch.vue';
  5. import disaster from './components/disaster.vue';
  6. </script>
  7. <template>
  8. <jt-popup2 title="环境变化" >
  9. <disaster></disaster>
  10. </jt-popup2>
  11. <jt-popup2 title="虫情检测预警" top="calc(calc(100% - 115rem) / 3 + 90rem)" >
  12. <cqjcyj></cqjcyj>
  13. </jt-popup2>
  14. <jt-popup2 title="" top="calc(calc(100% - 115rem) / 3 + calc(100% - 115rem) / 3 + 90rem)" >
  15. </jt-popup2>
  16. <jt-popup3 title="气象监测">
  17. <WeatherWatch></WeatherWatch>
  18. </jt-popup3>
  19. <jt-popup3 title="虫情逐日趋势" top="calc(calc(100% - 115rem) / 3 + 90rem)">
  20. <cqzrqs></cqzrqs>
  21. </jt-popup3>
  22. <jt-popup3 title="" top="calc(calc(100% - 115rem) / 3 + calc(100% - 115rem) / 3 + 90rem)">
  23. </jt-popup3>
  24. </template>
  25. <script>
  26. export default {
  27. data() {
  28. return {
  29. }
  30. },
  31. methods:{
  32. },
  33. mounted() {
  34. },
  35. created() {
  36. }
  37. }
  38. </script>
  39. <style scoped>
  40. .main {
  41. width: 100%;
  42. height: 100%;
  43. }
  44. </style>