<template>
  <el-row class="wrapper layout-grid-line">
    <el-col :span="span">
      <pre>
{{
  `

  `
}}
      </pre>
      <div class="time-box">
<TimePickerBox />
      </div>

    </el-col>

  </el-row>
</template>

<script setup>
import { ref } from 'vue'
import '@/styles/common.scss'
import TimePickerBox from '@/components/base/TimePickerBox/index.vue'

const span = 12


</script>

<style lang="scss" scoped>
.time-box {
  width: 300px;
  height: 700px;
  background: #F2F8FF;
  border: 1px solid var(--bg-black-5);
  display: flex;
  gap: 8px;
}
</style>