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