继续适配移动端

src/views/HistoryNew.vue

@@ -121,7 +121,8 @@ export default {
   setup () {
     const internalInstance = getCurrentInstance()
 
-    const spaceEachPerson = 220
+    // const spaceEachPerson = internalInstance.appContext.config.globalProperties.$isMobile ? 100 : 220
+    const spaceEachPerson = 100
 
     /**
      * 针对微信中背景视频无法自动播放的问题

src/views/Treasure.vue

@@ -261,16 +261,15 @@ onBeforeUnmount(() => {
       cursor: pointer;
       &.tall {
         height: 400px;
-        width: auto;
+        width: fit-content;
       }
       &.fat {
         height: 200px;
-        width: auto;
+        width: fit-content;
       }
       > img {
-        width: 100%;
+        width: auto;
         height: 100%;
-        object-fit: cover;
       }
       >h3 {
         position: absolute;
@@ -286,8 +285,6 @@ onBeforeUnmount(() => {
         line-height: 1.5;
       }
     }
-    >.grid-item--width2 { width: 400px; }
-    >.grid-item--height2 { height: 400px; }
   }
   .loading-mask {
     position: absolute;
@@ -333,16 +330,15 @@ onBeforeUnmount(() => {
         cursor: pointer;
         &.tall {
           height: calc(700 / 1080 * 83vh);
-          width: auto;
+          width: fit-content;
         }
         &.fat {
           height: calc(350 / 1080 * 83vh);
-          width: auto;
+          width: fit-content;
         }
         > img {
-          width: 100%;
+          width: auto;
           height: 100%;
-          object-fit: cover;
         }
         >h3 {
           position: absolute;
@@ -358,8 +354,6 @@ onBeforeUnmount(() => {
           line-height: 1.5;
         }
       }
-      >.grid-item--width2 { width: calc(400 / 1080 * 83vh); }
-      >.grid-item--height2 { height: calc(400 / 1080 * 83vh); }
     }
     .loading-mask {
       position: absolute;