<!--
 * 一些js方法
 -->
<script lang="ts">
export default {
  name: 'PAGE6',
};
</script>
<script setup lang="ts">
// import ArrayOutOfOrder from './element/ArrayOutOfOrder.vue';
// import CanvasStaticRoute from './element/CanvasStaticRoute.vue';
// import MorphBox from './element/MorphBox.vue';
// import CarouselWarp from './element/CarouselWarp.vue';
// import DataResponsive from './element/DataResponsive.vue';
// import CanvasStudy from './element/CanvasStudy.vue';
// import CanvasStudy from './element/CanvasCurve.vue';

// import SubComponents from './element/AsyncAwait.vue';
// import SubComponents from './element/RequestAnimationFrame.vue';

// import SubComponents from './element/equipment/IndexPage.vue';
// import SubComponents from './element/canvas-router-map/CanvasRouterMap.vue'; // canvas 绘制动态路径
import SubComponents from './element/table-study/TableStudy.vue'; // 表格学习
</script>
<template>
  <div class="page6 container-height">
    <!-- <array-out-of-order /> -->
    <!-- <canvas-static-route /> -->
    <!-- <morph-box /> -->
    <!-- <carousel-warp /> -->
    <!-- <data-responsive /> -->
    <!-- <canvas-study /> -->

    <sub-components />
  </div>
</template>

<style lang="scss" scoped>
.page6 {
  padding: $padding-md;
}
</style>