pimhwang
/
douyin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化slide

pull/19/head
zyronon 3 years ago
parent
7199f0a056
commit
50daefd2d4
7 changed files with 56 additions and 124 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 116
      src/pages/home/Index.vue
  2. 2
      src/pages/home/Index2.vue
  3. 0
      src/pages/slide/slide-column.jsx
  4. 0
      src/pages/slide/slide-row.jsx
  5. 37
      src/pages/slide/slide.vue
  6. 12
      src/router/routes.js
  7. 13
      vite.config.js

116
src/pages/home/Index.vue
Unescape 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
Unescape View File

@ -13,7 +13,7 @@
<SlideItem> <SlideItem>
<SlideColumnList> <SlideColumnList>
<SlideItem style="background: tan"> <SlideItem style="background: tan">
<p>111111111111</p> <p>12</p>
<p>111111111111</p> <p>111111111111</p>
<p>111111111111</p> <p>111111111111</p>
<p>111111111111</p> <p>111111111111</p>

0
src/pages/slide/slide-column.jsx
Unescape View File

0
src/pages/slide/slide-row.jsx
Unescape View File

37
src/pages/slide/slide.vue
Unescape 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
Unescape View File

@ -7,7 +7,6 @@ import Test5 from "../pages/test/Test5";
import TestVue3 from "../pages/test/TestVue3"; import TestVue3 from "../pages/test/TestVue3";
import TestKeepAlive from "../pages/test/TestKeepAlive"; import TestKeepAlive from "../pages/test/TestKeepAlive";
import TestKeepAlivePage1 from "../pages/test/TestKeepAlivePage1"; import TestKeepAlivePage1 from "../pages/test/TestKeepAlivePage1";
import Index from "../pages/home";
import SubmitReport from "../pages/home/SubmitReport"; import SubmitReport from "../pages/home/SubmitReport";
import Music from "../pages/home/Music"; import Music from "../pages/home/Music";
import MusicRankList from "../pages/home/MusicRankList"; import MusicRankList from "../pages/home/MusicRankList";
@ -73,11 +72,14 @@ import Help from "../pages/login/Help";
import Uploader from "../pages/me/Uploader"; import Uploader from "../pages/me/Uploader";
import TestSlide from "../pages/test/TestSlide"; import TestSlide from "../pages/test/TestSlide";
import TestOne from "../pages/test/TestOne"; import TestOne from "../pages/test/TestOne";
import Slide from "../pages/slide/slide";
const routes = [ const routes = [
// {path: '', component: Music}, {
// {path: '/', component: Index}, path: '/',
{path: '/', component: Index2}, redirect: '/slide'
},
{path: '/slide', component: Slide},
{path: '/test', component: Test}, {path: '/test', component: Test},
{path: '/test2', component: Test2}, {path: '/test2', component: Test2},
{path: '/test3', component: Test3}, {path: '/test3', component: Test3},
@ -88,7 +90,7 @@ const routes = [
{path: '/TestVue3', component: TestVue3}, {path: '/TestVue3', component: TestVue3},
{path: '/TestKeepAlive', component: TestKeepAlive}, {path: '/TestKeepAlive', component: TestKeepAlive},
{path: '/TestKeepAlivePage1', component: TestKeepAlivePage1}, {path: '/TestKeepAlivePage1', component: TestKeepAlivePage1},
{path: '/home', component: Index}, {path: '/home', component: Index2},
{path: '/home/music', component: Music}, {path: '/home/music', component: Music},
{path: '/home/music-rank-list', component: MusicRankList}, {path: '/home/music-rank-list', component: MusicRankList},
{path: '/home/search', component: Search}, {path: '/home/search', component: Search},

13
vite.config.js
Unescape View File

@ -1,4 +1,4 @@
import {defineConfig} from 'vite' import {defineConfig, searchForWorkspaceRoot} from 'vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx' import vueJsx from '@vitejs/plugin-vue-jsx'
import {resolve} from 'path' import {resolve} from 'path'
@ -7,6 +7,12 @@ function pathResolve(dir) {
return resolve(__dirname, ".", dir) return resolve(__dirname, ".", dir)
} }
export const ssrTransformCustomDir = () => {
return {
props: [],
needRuntime: true
}
}
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
base: './', base: './',
@ -25,6 +31,9 @@ export default defineConfig({
}, },
server: { server: {
open: true, open: true,
host: '0.0.0.0' host: '0.0.0.0',
fs: {
strict: false,
}
} }
}) })

Write Preview
Loading…
Cancel
Save