diff --git a/src/pages/home/Index.vue b/src/pages/home/Index.vue
deleted file mode 100644
index fcfdc4e..0000000
--- a/src/pages/home/Index.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-  <div id="home-index">
-    <SlideRowList key1="子" direction="column">
-      <SlideItem style="background: white">
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-        <p>111111111111</p>
-      </SlideItem>
-      <SlideItem style="background: red;">
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-        <p>222222222222</p>
-      </SlideItem>
-      <SlideItem style="background: yellow">
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-        <p>3333333333333</p>
-      </SlideItem>
-    </SlideRowList>
-    <Footer/>
-  </div>
-</template>
-
-<script>
-import Comment from '../../components/Comment.vue'
-import Share from '../../components/Share.vue'
-import Footer from "../../components/Footer.vue"
-
-export default {
-  name: "HomeIndex",
-  components: {Footer, Comment, Share,},
-  data() {
-    return {
-      height: 0,
-      width: 0,
-    }
-  },
-  mounted() {
-    // this.height = document.body.clientHeight
-    // this.width = document.body.clientWidth
-  },
-  methods: {},
-  created() {
-
-  },
-
-}
-</script>
-<style scoped lang="less">
-#home-index {
-  height: 100%;
-  width: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/home/Index2.vue b/src/pages/home/Index2.vue
index 6312b89..b4f787c 100644
--- a/src/pages/home/Index2.vue
+++ b/src/pages/home/Index2.vue
@@ -13,7 +13,7 @@
           <SlideItem>
             <SlideColumnList>
               <SlideItem style="background: tan">
-                <p>111111111111</p>
+                <p>12</p>
                 <p>111111111111</p>
                 <p>111111111111</p>
                 <p>111111111111</p>
diff --git a/src/pages/slide/slide-column.jsx b/src/pages/slide/slide-column.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/slide/slide-row.jsx b/src/pages/slide/slide-row.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/slide/slide.vue b/src/pages/slide/slide.vue
new file mode 100644
index 0000000..9d22ef9
--- /dev/null
+++ b/src/pages/slide/slide.vue
@@ -0,0 +1,37 @@
+<template>
+  <div id="TestSlide">
+    <div class="column">
+      <div class="column-wrapper">
+        <div class="column">
+          <div class="column-wrapper">
+            <div class="row"></div>
+            <div class="row"></div>
+            <div class="row"></div>
+          </div>
+        </div>
+        <div class="row">
+
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: "slide",
+  data() {
+    return {}
+  },
+  created() {
+  },
+  mounted() {
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>
\ No newline at end of file
diff --git a/src/router/routes.js b/src/router/routes.js
index d1d92c5..5ac2dc8 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -7,7 +7,6 @@ import Test5 from "../pages/test/Test5";
 import TestVue3 from "../pages/test/TestVue3";
 import TestKeepAlive from "../pages/test/TestKeepAlive";
 import TestKeepAlivePage1 from "../pages/test/TestKeepAlivePage1";
-import Index from "../pages/home";
 import SubmitReport from "../pages/home/SubmitReport";
 import Music from "../pages/home/Music";
 import MusicRankList from "../pages/home/MusicRankList";
@@ -73,11 +72,14 @@ import Help from "../pages/login/Help";
 import Uploader from "../pages/me/Uploader";
 import TestSlide from "../pages/test/TestSlide";
 import TestOne from "../pages/test/TestOne";
+import Slide from "../pages/slide/slide";
 
 const routes = [
-  // {path: '', component: Music},
-  // {path: '/', component: Index},
-  {path: '/', component: Index2},
+  {
+    path: '/',
+    redirect: '/slide'
+  },
+  {path: '/slide', component: Slide},
   {path: '/test', component: Test},
   {path: '/test2', component: Test2},
   {path: '/test3', component: Test3},
@@ -88,7 +90,7 @@ const routes = [
   {path: '/TestVue3', component: TestVue3},
   {path: '/TestKeepAlive', component: TestKeepAlive},
   {path: '/TestKeepAlivePage1', component: TestKeepAlivePage1},
-  {path: '/home', component: Index},
+  {path: '/home', component: Index2},
   {path: '/home/music', component: Music},
   {path: '/home/music-rank-list', component: MusicRankList},
   {path: '/home/search', component: Search},
diff --git a/vite.config.js b/vite.config.js
index 17c4316..2e5b5fa 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,4 +1,4 @@
-import {defineConfig} from 'vite'
+import {defineConfig, searchForWorkspaceRoot} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import {resolve} from 'path'
@@ -7,6 +7,12 @@ function pathResolve(dir) {
   return resolve(__dirname, ".", dir)
 }
 
+export const ssrTransformCustomDir = () => {
+  return {
+    props: [],
+    needRuntime: true
+  }
+}
 // https://vitejs.dev/config/
 export default defineConfig({
   base: './',
@@ -25,6 +31,9 @@ export default defineConfig({
   },
   server: {
     open: true,
-    host: '0.0.0.0'
+    host: '0.0.0.0',
+    fs: {
+      strict: false,
+    }
   }
 })