1

src/components/HeadTime.vue

@@ -28,8 +28,8 @@ onMounted(() => {
   line-height: 1;
 }
 
-:fullscreen .datetime {
-  right: 500px;
-
-}
+/* :fullscreen .datetime {
+  right: 620px;
+  top: 56px;
+} */
 </style>

src/components/NavMenu.vue

@@ -62,9 +62,9 @@ const handleClick = (page) => {
   z-index: 10;
 }
 
-:fullscreen .nav-menu {
+/* :fullscreen .nav-menu {
   top: 25%;
-}
+} */
 
 .flex-list {
   display: flex;

src/components/Tools.vue

@@ -8,25 +8,25 @@ import { useSettings } from '../store/settings';
 
 const emit = defineEmits(['change-resolution'])
 
-const store = useSettings();
-const settings = ref(store.settings)
-store.$subscribe((_, state) => {
-  settings.value.carousel = state.settings.carousel;
-})
+const { settings, updateSettings } = useSettings();
+// store.$subscribe((_, state) => {
+//   settings.value.carousel = state.settings.carousel;
+// })
 const visible = ref(false);
+
 function toHome() {
-  // document.location.href = '/1-1'
   document.location.reload()
 }
 function showDialog() {
   visible.value = true;
 }
 function toggleLunbo() {
-  settings.value.carousel = !settings.value.carousel;
+  updateSettings({ type: 'carousel', value: null })
 }
 
 function handleChangeResolution(w, h) {
-  emit('change-resolution', w, h)
+  emit('change-resolution', w, h);
+  visible.value = false;
 }
 </script>
 
@@ -40,7 +40,7 @@ function handleChangeResolution(w, h) {
     </button>
     <button style="position: relative;" @click="toggleLunbo">
       <span v-if="settings.carousel"
-        style="color: #fffa; font-family: 'Courier New', Courier, monospace; font-weight:600; font-size: 22px; user-select: none; position: absolute; line-height: 52px; text-align: center;">
+        style="color: #fffa; font-family: 'Courier New', Courier, monospace; font-weight:600; width: 56px; font-size: 22px; user-select: none; position: absolute; line-height: 52px; text-align: center;">
         {{ settings.carouselTime }}S</span>
       <IconExchange :color="settings.carousel ? '#03356a' : '#50A1EC'" />
     </button>