画一个对号

<template>
<div class="circle"></div>
</template>

<script>
export default {
  name: "duihao"
}
</script>

<style scoped>
.circle {
  width: 20px;
  height: 20px;
  background-color: red;
  border-radius: 50%;
  position: relative;
}
.circle::before{
  content: '';
  position: absolute;
  top: 10%;
  left: 40%;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

</style>