选择学校页面样式Class调整

 <template>
 <template>
   <div class="choose-school-page content-bg">
   <div class="choose-school-page content-bg">
     <div class="modify-top"></div>
     <div class="modify-top"></div>
-    <div style="height: 1rem;"></div>
-    <template v-for="(item, key) in schoolList" :key="key">
-      <right-side-list @on-click="onClick(item)" :avatar="item.logo"> {{ item.name }} </right-side-list>
-    </template>
-    <div style="height: 2rem;"></div>
+    <div class="wrapper-content">
+      <template v-for="(item, key) in schoolList" :key="key">
+        <right-side-list 
+          @on-click="go('/client/chooseBook', { kg_id: item.id })" 
+          :avatar="item.logo"
+        > 
+          {{ item.name }}
+        </right-side-list>
+      </template>
+    </div>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -17,13 +22,7 @@ import { useGo } from '@/hooks/useGo'
 const go = useGo()
 const go = useGo()
 // 删除所有的 keep-alive 缓存
 // 删除所有的 keep-alive 缓存
 const store = mainStore()
 const store = mainStore()
-store.changeKeepPages('clear');
-
-// 跳转幼儿园爱心书籍列表页
-const onClick = (item) => {
-  go('/client/chooseBook', { kg_id: item.id })
-}
-
+store.changeKeepPages();
 </script>
 </script>
 
 
 <script>
 <script>
@@ -41,16 +40,13 @@ export default {
     return {
     return {
       schoolList: this.$route.params.schoolList
       schoolList: this.$route.params.schoolList
     }
     }
-  },
-  mounted () {
-  },
-  methods: {
-    
   }
   }
 }
 }
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
 @import url('@css/content-bg.less');
 @import url('@css/content-bg.less');
-
+.wrapper-content {
+  padding: 1rem 0 2rem
+}
 </style>
 </style>