在項目列表中經常會用到圓點,圓點可以用圖片展示,但圖片必然占據項目容量,在小程序中項目大小尤為重要,較大的時候還要用到分包處理。
怎么用偽類寫圓點呢?人狠話不都直接上圖、上代碼
.unread{
position: relative;
padding-left: 24upx;
&:after {
content: ' ';
position: absolute;
left: 0upx;
top: 16upx;
width: 12upx;
height: 12upx;
background-color: red;
border-radius: 6upx;
}
}