MoeJue/douyin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化slide

Browse Source
This commit is contained in:
zyronon 2022-03-23 05:54:35 +08:00
parent 7199f0a056
commit 50daefd2d4
7 changed files with 56 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
src/pages/home/Index.vue
View File

@ -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>

2
src/pages/home/Index2.vue
View File

@ -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>

0
src/pages/slide/slide-column.jsx Normal file
View File

0
src/pages/slide/slide-row.jsx Normal file
View File

37
src/pages/slide/slide.vue Normal file
View File

@ -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>

12
src/router/routes.js
View File

@ -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},

13
vite.config.js
View File

@ -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,
}
}
})