<template>
  <a-card class="markdown-body">
    <h3>1. 房间列表</h3>
    <p><img
      src='./img/房间管理0.png'
      alt='房间管理0' referrerPolicy='no-referrer'/></p>
    <p>该页面显示所有的房间信息</p>
    <p>点击<code>新建</code>，跳转到新建页面</p>
    <p>点击列表中的<code>编辑</code>，跳转到该房间的编辑页面，点击<code>座位管理</code>，跳转到座位列表页面，点击<code>二维码</code>下载该房间的二维码</p>
    <h3>2. 新建房间</h3>
    <p><img
      src='./img/房间管理1.png'
      alt='房间管理1' referrerPolicy='no-referrer'/></p>
    <h3>3. 编辑房间</h3>
    <p><img
      src='./img/房间管理2.png'
      alt='房间管理2' referrerPolicy='no-referrer'/></p>
    <h3>4. 座位列表</h3>
    <p><img
      src='./img/房间管理3.png'
      alt='房间管理3' referrerPolicy='no-referrer'/></p>
    <p>座位二维码样例</p>
    <p><img
      src='./img/seat.png'
      alt='seat' referrerPolicy='no-referrer'/></p>
    <p>房间二维码样例</p>
    <p><img
      src='./img/room.png'
      alt='room' referrerPolicy='no-referrer'/></p>
  </a-card>
</template>

<script>
export default {
  name: 'Room'
}
</script>

<style scoped>
  @import "css/markdown.css";
</style>