|
|
@@ -1,9 +1,7 @@
|
|
|
<template>
|
|
|
<RouterView />
|
|
|
</template>
|
|
|
-<script setup lang="ts">
|
|
|
-
|
|
|
-</script>
|
|
|
+<script setup lang="ts"></script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
.w_1200 {
|
|
|
@@ -21,4 +19,24 @@ p {
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
+/* 小屏幕分辨率（如手机） */
|
|
|
+@media screen and (max-width: 767px) {
|
|
|
+ #app {
|
|
|
+ zoom: 0.3;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* 中等屏幕分辨率（如平板） */
|
|
|
+@media screen and (min-width: 768px) and (max-width: 1023px) {
|
|
|
+ #app {
|
|
|
+ zoom: 0.7;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* 大屏幕分辨率（如桌面） */
|
|
|
+@media screen and (min-width: 1024px) {
|
|
|
+ #app {
|
|
|
+ zoom: 1;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
