优化slide
This commit is contained in:
zyronon
parent
7199f0a056
commit
50daefd2d4
@ -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>
|
|
||||||
@ -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
Normal file
0
src/pages/slide/slide-column.jsx
Normal file
0
src/pages/slide/slide-row.jsx
Normal file
0
src/pages/slide/slide-row.jsx
Normal file
37
src/pages/slide/slide.vue
Normal file
37
src/pages/slide/slide.vue
Normal 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>
|
||||||
@ -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},
|
||||||
|
|||||||
@ -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,
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user