cards页微调

src/pages/ruins/index.vue

@@ -1,18 +1,15 @@
 <!-- 场馆漫游 -->
 <template>
 <div class='layout'>
-    <div class="title"><img :src="`images/title.png`" alt=""></div>
-    <swCard></swCard>
-    <div class="bottom_line"><img :src="`images/scene_bottom.png`" alt=""></div>
+    <div class="cards">
+        <swCard></swCard>
+    </div>
 </div>
 </template>
 
 <script>
-//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
-//例如：import 《组件名称》 from '《组件路径》';
 import swCard from '@/components/swCard'
 export default {
-//import引入的组件需要注入到对象中才能使用
 components:{
     swCard
 },
@@ -62,18 +59,8 @@ activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
         bottom:0;
         right:0;
     }
-    .title {
-        position:relative;
-        margin-top:112px;
-        text-align:center;
-        img {
-            width:272px;
-            height:auto;
-        }
-    }
-    .bottom_line {
-        position:absolute;
-        bottom:0;
+    .cards {
+        margin:180px auto;
     }
 }