在vue中配合sass画一个正六边形

<template>
  <el-row class="sampling-org">
    <el-row class="left-top">
      <el-row class="hexagon">
        <el-row class="text">
          <svg-icon icon-class="double-helix" />
        </el-row>
      </el-row>
    </el-row>
    <el-row class="left-center">
      <el-row class="hexagon">
        <el-row class="circle-icon">2</el-row>
        <el-row class="text">
          <el-row class="num">113,112222222</el-row>
          <el-row class="name">罗湖中医院罗湖中医院罗湖中医院</el-row>
        </el-row>
      </el-row>
    </el-row>
    <el-row class="top-center">
      <el-row class="hexagon">
        <el-row class="circle-icon">1</el-row>
        <el-row class="text">
          <el-row class="num">123,456</el-row>
          <el-row class="name">龙岗第一人民医院</el-row>
        </el-row>
      </el-row>
    </el-row>
    <el-row class="right-center">
      <el-row class="hexagon">
        <el-row class="circle-icon">3</el-row>
        <el-row class="text">
          <el-row class="num">93,456</el-row>
          <el-row class="name">龙岗妇幼保健院</el-row