Browse Source

更新移动端样式

aamin 1 year ago
parent
commit
187d76251d
87 changed files with 297 additions and 8 deletions
  1. 4 0
      scene/src/components/info/index.vue
  2. 1 1
      scene/src/views/gui/loading.vue
  3. 0 0
      yangjiagou/.gitignore
  4. 0 0
      yangjiagou/.vscode/extensions.json
  5. 0 0
      yangjiagou/README.md
  6. 0 0
      yangjiagou/components.d.ts
  7. 1 1
      linjiagou/index.html
  8. 0 0
      yangjiagou/package-lock.json
  9. 0 0
      yangjiagou/package.json
  10. 0 0
      yangjiagou/public/js/flexible.js
  11. 0 0
      yangjiagou/public/vite.svg
  12. 0 0
      yangjiagou/src/App.vue
  13. 0 0
      yangjiagou/src/assets/font/AlimamaShuHeiTi-Bold.ttf
  14. 0 0
      yangjiagou/src/assets/font/MicrosoftYaHei-Bold.ttf
  15. 0 0
      yangjiagou/src/assets/font/MicrosoftYaHei.ttf
  16. 0 0
      yangjiagou/src/assets/font/SourceHanSerifCN-Medium.otf
  17. 0 0
      yangjiagou/src/assets/img/home/bg.png
  18. BIN
      yangjiagou/src/assets/img/home/bgM.png
  19. 0 0
      yangjiagou/src/assets/img/home/bolang.png
  20. BIN
      yangjiagou/src/assets/img/home/bolangM.png
  21. 0 0
      yangjiagou/src/assets/img/home/icon1.png
  22. 0 0
      yangjiagou/src/assets/img/home/icon2.png
  23. 0 0
      yangjiagou/src/assets/img/home/icon3.png
  24. 0 0
      yangjiagou/src/assets/img/home/introduce/bg.png
  25. 0 0
      yangjiagou/src/assets/img/home/introduce/map.png
  26. 0 0
      yangjiagou/src/assets/img/home/introduce/title1.png
  27. 0 0
      yangjiagou/src/assets/img/home/introduce/title2.png
  28. BIN
      yangjiagou/src/assets/img/home/introduceM/appreciate.png
  29. BIN
      yangjiagou/src/assets/img/home/introduceM/back.png
  30. BIN
      yangjiagou/src/assets/img/home/introduceM/bg.png
  31. BIN
      yangjiagou/src/assets/img/home/introduceM/map.png
  32. BIN
      yangjiagou/src/assets/img/home/introduceM/scene.png
  33. BIN
      yangjiagou/src/assets/img/home/introduceM/scene1.png
  34. BIN
      yangjiagou/src/assets/img/home/introduceM/scene2.png
  35. BIN
      yangjiagou/src/assets/img/home/introduceM/scene3.png
  36. BIN
      yangjiagou/src/assets/img/home/introduceM/scene4.png
  37. BIN
      yangjiagou/src/assets/img/home/introduceM/title.png
  38. 0 0
      yangjiagou/src/assets/img/home/scenes/1.png
  39. 0 0
      yangjiagou/src/assets/img/home/scenes/2.png
  40. 0 0
      yangjiagou/src/assets/img/home/scenes/3.png
  41. 0 0
      yangjiagou/src/assets/img/home/scenes/4.png
  42. 0 0
      yangjiagou/src/assets/img/home/scenes/close.png
  43. 0 0
      yangjiagou/src/assets/img/home/scenes/scene1.png
  44. 0 0
      yangjiagou/src/assets/img/home/scenes/scene2.png
  45. 0 0
      yangjiagou/src/assets/img/home/scenes/scene3.png
  46. 0 0
      yangjiagou/src/assets/img/home/scenes/scene4.png
  47. 0 0
      yangjiagou/src/assets/img/home/scenes/title1.png
  48. 0 0
      yangjiagou/src/assets/img/home/scenes/title2.png
  49. 0 0
      yangjiagou/src/assets/img/home/scenes/title3.png
  50. 0 0
      yangjiagou/src/assets/img/home/scenes/title4.png
  51. 0 0
      yangjiagou/src/assets/img/home/title.png
  52. BIN
      yangjiagou/src/assets/img/home/welcome.png
  53. 0 0
      yangjiagou/src/assets/img/home/xian.png
  54. 0 0
      yangjiagou/src/assets/img/icon/left.png
  55. 0 0
      yangjiagou/src/assets/img/icon/leftM.png
  56. 0 0
      yangjiagou/src/assets/img/product/0001.png
  57. 0 0
      yangjiagou/src/assets/img/product/0002.png
  58. 0 0
      yangjiagou/src/assets/img/product/0003.png
  59. 0 0
      yangjiagou/src/assets/img/product/0004.png
  60. 0 0
      yangjiagou/src/assets/img/product/detailBg.png
  61. 0 0
      yangjiagou/src/assets/img/product/hoverBg.png
  62. 0 0
      yangjiagou/src/assets/img/product/listBg.png
  63. 0 0
      yangjiagou/src/assets/img/product/listItemBg.png
  64. 0 0
      yangjiagou/src/assets/img/product/moduleBg.png
  65. 0 0
      yangjiagou/src/assets/img/product/title.png
  66. 0 0
      yangjiagou/src/auto-import.d.ts
  67. 0 0
      yangjiagou/src/components/BorderBox/index.vue
  68. 3 1
      linjiagou/src/components/Button/index.vue
  69. 0 0
      yangjiagou/src/data/data.ts
  70. 0 0
      yangjiagou/src/main.ts
  71. 16 0
      linjiagou/src/routes/index.ts
  72. 0 0
      yangjiagou/src/store/index.ts
  73. 0 0
      yangjiagou/src/style.css
  74. 0 0
      yangjiagou/src/utils/index.ts
  75. 0 0
      yangjiagou/src/view/home/components/introduce/index.vue
  76. 0 0
      yangjiagou/src/view/home/components/scene/index.vue
  77. 56 4
      linjiagou/src/view/home/index.vue
  78. 12 0
      yangjiagou/src/view/introduceM/appreciate/index.vue
  79. 103 0
      yangjiagou/src/view/introduceM/index.vue
  80. 94 0
      yangjiagou/src/view/introduceM/scene/index.vue
  81. 0 0
      yangjiagou/src/view/product/detail/index.vue
  82. 0 0
      yangjiagou/src/view/product/index.vue
  83. 7 1
      linjiagou/src/view/sceneDetail/index.vue
  84. 0 0
      yangjiagou/src/vite-env.d.ts
  85. 0 0
      yangjiagou/tsconfig.json
  86. 0 0
      yangjiagou/tsconfig.node.json
  87. 0 0
      yangjiagou/vite.config.ts

+ 4 - 0
scene/src/components/info/index.vue

@@ -94,10 +94,14 @@ export default {
   .info-box {
     height: 58px;
     width: 326px;
+    min-width: 0px;
 
     .title-box {
       font-size: 18px;
     }
+    .disc-box {
+      width: 100%;
+    }
   }
 }
 </style>

+ 1 - 1
scene/src/views/gui/loading.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="gui-loading" class="message-outer darkGlass" v-show="0">
-    <h2 class="model-title"></h2>
+    <!-- <h2 class="model-title"></h2> -->
     <div class="message-inner">
       <div class="loadingLogo">
         <div class="img"></div>

linjiagou/.gitignore → yangjiagou/.gitignore


linjiagou/.vscode/extensions.json → yangjiagou/.vscode/extensions.json


linjiagou/README.md → yangjiagou/README.md


linjiagou/components.d.ts → yangjiagou/components.d.ts


+ 1 - 1
linjiagou/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>榆林杨家沟革命纪念馆</title>
+    <title>杨家沟革命纪念馆</title>
   </head>
   <body>
     <div id="app"></div>

linjiagou/package-lock.json → yangjiagou/package-lock.json


linjiagou/package.json → yangjiagou/package.json


linjiagou/public/js/flexible.js → yangjiagou/public/js/flexible.js


linjiagou/public/vite.svg → yangjiagou/public/vite.svg


linjiagou/src/App.vue → yangjiagou/src/App.vue


linjiagou/src/assets/font/AlimamaShuHeiTi-Bold.ttf → yangjiagou/src/assets/font/AlimamaShuHeiTi-Bold.ttf


linjiagou/src/assets/font/MicrosoftYaHei-Bold.ttf → yangjiagou/src/assets/font/MicrosoftYaHei-Bold.ttf


linjiagou/src/assets/font/MicrosoftYaHei.ttf → yangjiagou/src/assets/font/MicrosoftYaHei.ttf


linjiagou/src/assets/font/SourceHanSerifCN-Medium.otf → yangjiagou/src/assets/font/SourceHanSerifCN-Medium.otf


linjiagou/src/assets/img/home/bg.png → yangjiagou/src/assets/img/home/bg.png


BIN
yangjiagou/src/assets/img/home/bgM.png


linjiagou/src/assets/img/home/bolang.png → yangjiagou/src/assets/img/home/bolang.png


BIN
yangjiagou/src/assets/img/home/bolangM.png


linjiagou/src/assets/img/home/icon1.png → yangjiagou/src/assets/img/home/icon1.png


linjiagou/src/assets/img/home/icon2.png → yangjiagou/src/assets/img/home/icon2.png


linjiagou/src/assets/img/home/icon3.png → yangjiagou/src/assets/img/home/icon3.png


linjiagou/src/assets/img/home/introduce/bg.png → yangjiagou/src/assets/img/home/introduce/bg.png


linjiagou/src/assets/img/home/introduce/map.png → yangjiagou/src/assets/img/home/introduce/map.png


linjiagou/src/assets/img/home/introduce/title1.png → yangjiagou/src/assets/img/home/introduce/title1.png


linjiagou/src/assets/img/home/introduce/title2.png → yangjiagou/src/assets/img/home/introduce/title2.png


BIN
yangjiagou/src/assets/img/home/introduceM/appreciate.png


BIN
yangjiagou/src/assets/img/home/introduceM/back.png


BIN
yangjiagou/src/assets/img/home/introduceM/bg.png


BIN
yangjiagou/src/assets/img/home/introduceM/map.png


BIN
yangjiagou/src/assets/img/home/introduceM/scene.png


BIN
yangjiagou/src/assets/img/home/introduceM/scene1.png


BIN
yangjiagou/src/assets/img/home/introduceM/scene2.png


BIN
yangjiagou/src/assets/img/home/introduceM/scene3.png


BIN
yangjiagou/src/assets/img/home/introduceM/scene4.png


BIN
yangjiagou/src/assets/img/home/introduceM/title.png


linjiagou/src/assets/img/home/scenes/1.png → yangjiagou/src/assets/img/home/scenes/1.png


linjiagou/src/assets/img/home/scenes/2.png → yangjiagou/src/assets/img/home/scenes/2.png


linjiagou/src/assets/img/home/scenes/3.png → yangjiagou/src/assets/img/home/scenes/3.png


linjiagou/src/assets/img/home/scenes/4.png → yangjiagou/src/assets/img/home/scenes/4.png


linjiagou/src/assets/img/home/scenes/close.png → yangjiagou/src/assets/img/home/scenes/close.png


linjiagou/src/assets/img/home/scenes/scene1.png → yangjiagou/src/assets/img/home/scenes/scene1.png


linjiagou/src/assets/img/home/scenes/scene2.png → yangjiagou/src/assets/img/home/scenes/scene2.png


linjiagou/src/assets/img/home/scenes/scene3.png → yangjiagou/src/assets/img/home/scenes/scene3.png


linjiagou/src/assets/img/home/scenes/scene4.png → yangjiagou/src/assets/img/home/scenes/scene4.png


linjiagou/src/assets/img/home/scenes/title1.png → yangjiagou/src/assets/img/home/scenes/title1.png


linjiagou/src/assets/img/home/scenes/title2.png → yangjiagou/src/assets/img/home/scenes/title2.png


linjiagou/src/assets/img/home/scenes/title3.png → yangjiagou/src/assets/img/home/scenes/title3.png


linjiagou/src/assets/img/home/scenes/title4.png → yangjiagou/src/assets/img/home/scenes/title4.png


linjiagou/src/assets/img/home/title.png → yangjiagou/src/assets/img/home/title.png


BIN
yangjiagou/src/assets/img/home/welcome.png


linjiagou/src/assets/img/home/xian.png → yangjiagou/src/assets/img/home/xian.png


linjiagou/src/assets/img/icon/left.png → yangjiagou/src/assets/img/icon/left.png


linjiagou/src/assets/img/icon/leftM.png → yangjiagou/src/assets/img/icon/leftM.png


linjiagou/src/assets/img/product/0001.png → yangjiagou/src/assets/img/product/0001.png


linjiagou/src/assets/img/product/0002.png → yangjiagou/src/assets/img/product/0002.png


linjiagou/src/assets/img/product/0003.png → yangjiagou/src/assets/img/product/0003.png


linjiagou/src/assets/img/product/0004.png → yangjiagou/src/assets/img/product/0004.png


linjiagou/src/assets/img/product/detailBg.png → yangjiagou/src/assets/img/product/detailBg.png


linjiagou/src/assets/img/product/hoverBg.png → yangjiagou/src/assets/img/product/hoverBg.png


linjiagou/src/assets/img/product/listBg.png → yangjiagou/src/assets/img/product/listBg.png


linjiagou/src/assets/img/product/listItemBg.png → yangjiagou/src/assets/img/product/listItemBg.png


linjiagou/src/assets/img/product/moduleBg.png → yangjiagou/src/assets/img/product/moduleBg.png


linjiagou/src/assets/img/product/title.png → yangjiagou/src/assets/img/product/title.png


linjiagou/src/auto-import.d.ts → yangjiagou/src/auto-import.d.ts


linjiagou/src/components/BorderBox/index.vue → yangjiagou/src/components/BorderBox/index.vue


+ 3 - 1
linjiagou/src/components/Button/index.vue

@@ -4,8 +4,10 @@ import Left from "@/assets/img/icon/left.png";
 import LeftM from "@/assets/img/icon/leftM.png";
 
 onMounted(() => {
+  screenWidth.value = window.innerWidth;
   window.onresize = () => {
     screenWidth.value = window.innerWidth;
+    console.log(screenWidth.value);
   };
 });
 
@@ -19,7 +21,7 @@ const getAssetURL = (image: string) => {
     <div class="icon">
       <img :src="screenWidth > 480 ? Left : LeftM" alt="" />
     </div>
-    <div class="txt" v-show="screenWidth > 480">返回</div>
+    <div class="txt" v-if="screenWidth > 480">返回</div>
   </div>
 </template>
 

linjiagou/src/data/data.ts → yangjiagou/src/data/data.ts


linjiagou/src/main.ts → yangjiagou/src/main.ts


+ 16 - 0
linjiagou/src/routes/index.ts

@@ -25,6 +25,22 @@ let routes = [
     name: "sceneDetail",
     component: () => import("@/view/sceneDetail/index.vue"),
   },
+  // 探索(移动端)—
+  {
+    path: "/introduceM",
+    name: "introduceM",
+    component: () => import("@/view/introduceM/index.vue"),
+  },
+  {
+    path: "/scene",
+    name: "scene",
+    component: () => import("@/view/introduceM/scene/index.vue"),
+  },
+  {
+    path: "/appreciate",
+    name: "appreciate",
+    component: () => import("@/view/introduceM/appreciate/index.vue"),
+  },
 ];
 // 路由
 const router = createRouter({

linjiagou/src/store/index.ts → yangjiagou/src/store/index.ts


linjiagou/src/style.css → yangjiagou/src/style.css


linjiagou/src/utils/index.ts → yangjiagou/src/utils/index.ts


linjiagou/src/view/home/components/introduce/index.vue → yangjiagou/src/view/home/components/introduce/index.vue


linjiagou/src/view/home/components/scene/index.vue → yangjiagou/src/view/home/components/scene/index.vue


+ 56 - 4
linjiagou/src/view/home/index.vue

@@ -7,12 +7,25 @@ import Icon2 from "@/assets/img/home/icon2.png";
 import Icon3 from "@/assets/img/home/icon3.png";
 
 import Bolang from "@/assets/img/home/bolang.png";
+import BolangM from "@/assets/img/home/bolangM.png";
+
 import line from "@/assets/img/home/xian.png";
 import title from "@/assets/img/home/title.png";
 
+import Welcomeimg from "@/assets/img/home/welcome.png";
+
+import Bg from "@/assets/img/home/bg.png";
+import BgM from "@/assets/img/home/bgM.png";
+
+const allBg = computed(() => {
+  return screenWidth.value > 480 ? `url(${Bg})` : `url(${BgM})`;
+});
+
 const router = useRouter();
 
 const moduleIndex = ref(0);
+const screenWidth = ref();
+
 watch(moduleIndex, (newValue: number) => {
   // console.log(moduleIndex.value);
   if (newValue === 3) {
@@ -24,13 +37,22 @@ watch(moduleIndex, (newValue: number) => {
 
 onMounted(() => {
   moduleIndex.value = 0;
+  screenWidth.value = window.innerWidth;
+  window.onresize = () => {
+    screenWidth.value = window.innerWidth;
+  };
 });
 </script>
 
 <template>
-  <div class="all">
+  <div
+    class="all"
+    :style="{
+      bakcground: screenWidth > 480 ? Bg : BgM,
+    }"
+  >
     <!-- 功能栏 -->
-    <div class="option-box">
+    <div class="option-box" v-if="screenWidth > 480">
       <!-- 线 -->
       <img class="star-line" :src="line" alt="" />
       <!-- 展馆介绍 -->
@@ -71,6 +93,17 @@ onMounted(() => {
         <img :src="Icon3" alt="" />
       </div>
     </div>
+    <div class="welcome" v-else>
+      <img
+        :src="Welcomeimg"
+        alt=""
+        @click="
+          () => {
+            router.push({ path: '/introduceM' });
+          }
+        "
+      />
+    </div>
 
     <!-- 场馆介绍 -->
     <Introduce
@@ -94,7 +127,7 @@ onMounted(() => {
 
     <!--  -->
 
-    <img class="wave" :src="Bolang" alt="" />
+    <img class="wave" :src="screenWidth > 480 ? Bolang : BolangM" alt="" />
 
     <!-- title -->
     <img class="title" :src="title" alt="" />
@@ -105,7 +138,7 @@ onMounted(() => {
 .all {
   width: 100%;
   height: 100%;
-  background-image: url("../../assets/img/home/bg.png");
+  background: v-bind("allBg");
   background-size: 100% 100%;
 
   .option-box {
@@ -151,6 +184,16 @@ onMounted(() => {
       // display: none;
     }
   }
+  .welcome {
+    position: absolute;
+    bottom: 15%;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 40%;
+    img {
+      width: 100%;
+    }
+  }
 
   .wave {
     width: 100%;
@@ -165,4 +208,13 @@ onMounted(() => {
     left: 20%;
   }
 }
+
+@media screen and (max-width: 480px) {
+  .title {
+    width: 85% !important;
+    left: 50% !important;
+    top: 6%;
+    transform: translateX(-50%);
+  }
+}
 </style>

+ 12 - 0
yangjiagou/src/view/introduceM/appreciate/index.vue

@@ -0,0 +1,12 @@
+<script setup lang='ts'>
+</script>
+
+<template>
+<div class=''>
+  文物鉴赏
+</div>
+</template>
+
+<style lang='less' scoped>
+
+</style>

+ 103 - 0
yangjiagou/src/view/introduceM/index.vue

@@ -0,0 +1,103 @@
+<script setup lang="ts">
+import dataList from "@/data/data";
+import SceneImg from "@/assets/img/home/introduceM/scene.png";
+import appreciateImg from "@/assets/img/home/introduceM/appreciate.png";
+import titleImg from "@/assets/img/home/introduceM/title.png";
+import mapImg from "@/assets/img/home/introduceM/map.png";
+import backIcon from "@/assets/img/home/introduceM/back.png";
+
+const router = useRouter();
+</script>
+
+<template>
+  <div class="all">
+    <img
+      class="card"
+      :src="SceneImg"
+      alt=""
+      @click="
+        () => {
+          router.push({ name: 'scene' });
+        }
+      "
+    />
+    <img
+      class="card"
+      :src="appreciateImg"
+      @click="
+        () => {
+          router.push({ name: 'appreciate' });
+        }
+      "
+      alt=""
+    />
+    <div class="box">
+      <img class="title" :src="titleImg" alt="" />
+      <img class="map" :src="mapImg" alt="" />
+      <img
+        class="back"
+        :src="backIcon"
+        alt=""
+        @click="
+          () => {
+            router.back();
+          }
+        "
+      />
+      <div class="disc">
+        {{ dataList.introduce }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+::-webkit-scrollbar {
+  display: none;
+}
+
+.all {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background: url("../../assets/img/home/introduceM/bg.png");
+  background-size: cover;
+  // padding: 20px;
+  padding: 20px 0;
+  box-sizing: border-box;
+
+  img {
+    width: 100%;
+  }
+  .card {
+    cursor: pointer;
+  }
+  .box {
+    width: 100%;
+    padding: 0 20px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    .title {
+      width: 80%;
+      margin: 15px auto;
+    }
+    .back {
+      width: 40px;
+      height: 40px;
+      position: fixed;
+      right: 15px;
+      bottom: 40px;
+      cursor: pointer;
+    }
+    .disc {
+      text-indent: 2em;
+      font-size: 15px;
+      font-family: "SourceHanSerifCN-Medium";
+      line-height: 25px;
+      letter-spacing: 2px;
+      margin-top: 10px;
+    }
+  }
+}
+</style>

+ 94 - 0
yangjiagou/src/view/introduceM/scene/index.vue

@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import dataList from "@/data/data";
+import titleImg from "@/assets/img/home/introduceM/title.png";
+const getAssetURL = (image: string) => {
+  return new URL(
+    `../../../assets/img/home/introduceM/${image}`,
+    import.meta.url
+  ).href;
+};
+
+const router = useRouter();
+const goDetail = (name: string) => {
+  router.push({
+    name: "sceneDetail",
+    query: {
+      name: name,
+    },
+  });
+};
+</script>
+
+<template>
+  <div class="all">
+    <img class="title" :src="titleImg" alt="" />
+    <div class="grid-box">
+      <div
+        class="box-item"
+        v-for="(item, index) in dataList.scene"
+        @click="goDetail(item.name)"
+      >
+        <img :src="getAssetURL(item.img)" alt="" />
+        <div class="title-box">
+          <div class="left"></div>
+          <div class="right">{{ item.name }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+::-webkit-scrollbar {
+  display: none;
+}
+.all {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background: url("@/assets/img/home/introduceM/bg.png");
+  background-size: cover;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 10px;
+
+  .title {
+    width: 75%;
+  }
+  .grid-box {
+    // width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+    grid-gap: 5px;
+    height: 80%;
+    margin-top: 10px;
+    .box-item {
+      width: 100%;
+      height: 100%;
+      img {
+        width: 100%;
+      }
+      .title-box {
+        display: flex;
+        padding-left: 10px;
+        // align-items: center;
+        .left {
+          width: 6%;
+          height: 20px;
+          background: #b43a16;
+          margin-right: 2px;
+        }
+        .right {
+          width: 94%;
+          font-size: 14px;
+          line-height: 20px;
+          color: #6b2119;
+          font-family: "AlimamaShuHeiTi-Bold";
+        }
+      }
+    }
+  }
+}
+</style>

linjiagou/src/view/product/detail/index.vue → yangjiagou/src/view/product/detail/index.vue


linjiagou/src/view/product/index.vue → yangjiagou/src/view/product/index.vue


+ 7 - 1
linjiagou/src/view/sceneDetail/index.vue

@@ -15,7 +15,7 @@ onMounted(() => {
   sceneItem.value = dataList.scene.find((item: any) => {
     return item.name == route.query.name;
   });
-  console.log(route.query.name,sceneItem.value);
+  console.log(route.query.name, sceneItem.value);
 });
 </script>
 
@@ -45,4 +45,10 @@ onMounted(() => {
     left: 0;
   }
 }
+
+@media screen and (max-width: 480px) {
+  .back-btn {
+    display: none;
+  }
+}
 </style>

linjiagou/src/vite-env.d.ts → yangjiagou/src/vite-env.d.ts


linjiagou/tsconfig.json → yangjiagou/tsconfig.json


linjiagou/tsconfig.node.json → yangjiagou/tsconfig.node.json


linjiagou/vite.config.ts → yangjiagou/vite.config.ts