css实现小圆点

要求效果：

     <div v-if="scope.data.row.status === 1">
        <div class="status-point" style=" background-color:#67C23A" />
        已通过
      </div>
      <div v-else-if="scope.data.row.status === 0">
        <div class="status-point" style=" background-color:#E6A23C" />
        未被审批</div>
      <div v-else-if="scope.data.row.status === 2">
        <div class="status-point" style=" background-color:#00000040" />
        未通过</div>

<style scoped>

.status-point {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
</style>

后面想到用，也可以用i标签