这是移动端判断事件touch,pc端一样的。
首先先画出来一个圆环;
下面是html代码
ok
然后是css
.circleHandle{
display: flex;
align-items: center;
justify-content: center;
}
.cirAround{
width: 160px;
height: 160px;
border:40px solid transparent;
border-radius: 50%;
position: relative;
z-index: 100;
}
.point{
width: 8px;
height: 8px;
background: #575757;
border-radius: 50%;
position:absolute;
}
.pointtop{
top: -24px;
left: 36px;
}
<