feedback.vue 669 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <div class="main">
  3. <div class="content">
  4. </div>
  5. </div>
  6. </template>
  7. <script setup>
  8. import { useFullscreen } from "@vueuse/core";
  9. const { isFullscreen, enter, exit, toggle } = useFullscreen();
  10. console.log("isFullscreen", isFullscreen);
  11. </script>
  12. <style>
  13. .main {
  14. --main-left-background: #e2caa3;
  15. --main-right-background: #910000;
  16. }
  17. </style>
  18. <style scoped>
  19. .main {
  20. width: 100%;
  21. height: 100%;
  22. display: flex;
  23. flex-direction: row;
  24. }
  25. .left {
  26. flex: 0 0 70%;
  27. background-color: var(--main-left-background);
  28. }
  29. .right {
  30. flex: 0 0 30%;
  31. background-color: var(--main-right-background);
  32. }
  33. </style>