<template>
  <el-row class="wrapper layout-grid-line">
    <el-col :span="span">
      <pre>
        {{
  `
  import AreaTag from '@/components/base/AreaTag/index.vue'
      <AreaTag tagName="人工智能" />
      <AreaTag tagName="生物科技" />
      <AreaTag tagName="新一代通信网络" />
      <AreaTag tagName="量子科技" />
      <AreaTag tagName="新能源" />
  `
        }}
      </pre>
      <div class="tag-box">
      <AreaTag tagName="人工智能" />
      <AreaTag tagName="生物科技" />
      <AreaTag tagName="新一代通信网络" />
      <AreaTag tagName="量子科技" />
      <AreaTag tagName="新能源" />
      </div>

    </el-col>
  </el-row>
</template>

<script setup>
import '@/styles/common.scss'
import AreaTag from '@/components/base/AreaTag/index.vue'
const span = 12
</script>

<style lang="scss" scoped>
.tag-box{
  display: flex;
  gap: 8px
}
</style>