卡片页面移动端

src/pages/ruins/index.vue

@@ -63,5 +63,15 @@ activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
         margin:180px auto;
     }
 }
+
+@media screen and (max-width: 1024px) {
+    .layout { 
+        background: url('../../assets/images/mobile-index-bg.png') center center no-repeat;
+        .cards {
+            margin:32vw auto;
+        }
+    }
+    
+ }
     
 </style>