<!-- 详情 -->
<template>
  <app-drawer class="quote-detail" title="详情" v-model:show="show">
    <el-descriptions title="User Info" :column="1" style="margin-bottom: 20px;">
      <el-descriptions-item label="Username">kooriookami</el-descriptions-item>
      <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
      <el-descriptions-item label="Place" :span="2">Suzhou</el-descriptions-item>
    </el-descriptions>
    <el-descriptions title="Vertical list with border" direction="vertical" :column="4" border>
      <el-descriptions-item label="Username">kooriookami</el-descriptions-item>
      <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
      <el-descriptions-item label="Place" :span="2">Suzhou</el-descriptions-item>
      <el-descriptions-item label="Remarks">
        <el-tag size="small">School</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="Address">No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
      </el-descriptions-item>
    </el-descriptions>
  </app-drawer>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import AppDrawer from '../../../../../components/base/drawer/index.vue'

const show = ref(true);
</script>

<style lang="less">
@import './index.less';
</style>