douyin/src/pages/test/Test.vue
2023-02-15 02:01:07 +08:00

78 lines
1.4 KiB
Vue

<template>
<!-- <TestSlide></TestSlide>-->
<!-- <SlideUser></SlideUser>-->
<!-- <SlideImgs></SlideImgs>-->
<!-- <TestSwiperJs></TestSwiperJs>-->
<slideHooks/>
<!-- <Shop/>-->
<!-- <Community/>-->
<!-- <UserPanel/>-->
<!-- <div class="body">-->
<!-- <div class="wrapper">-->
<!-- <img :src="src" id="img">-->
<!-- </div>-->
<!-- </div>-->
</template>
<script>
import TestSlide from "./TestSlide";
import SlideUser from "../../components/slide/SlideUser";
import SlideImgs from "../../components/slide/SlideAlbum";
import TestImg from "./TestImg";
import slideHooks from '../slideHooks'
import TestSwiperJs from "./TestSwiperJs";
import {mat4} from "gl-matrix";
import UserPanel from "@/components/UserPanel.vue";
import Shop from "@/pages/slideHooks/Shop.vue";
import Community from "@/pages/slideHooks/Community.vue";
export default {
name: "Test",
components: {
Community,
Shop,
UserPanel,
slideHooks,
TestSlide,
SlideUser,
SlideImgs,
TestImg,
TestSwiperJs,
},
data() {
return {
src: '',
rect: {x: 0, y: 0}
}
},
methods: {
wheel() {
}
},
mounted() {
}
}
</script>
<style scoped lang="less">
.body {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
height: 100vh;
width: 100vw;
overflow: hidden;
transform-origin: 0 0;
}
.wrapper {
background: black;
overflow: hidden;
}
</style>