用偽類寫圓點css


在項目列表中經常會用到圓點,圓點可以用圖片展示,但圖片必然占據項目容量,在小程序中項目大小尤為重要,較大的時候還要用到分包處理。

怎么用偽類寫圓點呢?人狠話不都直接上圖、上代碼

 

 

.unread{
        position: relative;
        padding-left: 24upx;
        &:after {
            content: ' ';
            position: absolute;
            left: 0upx;
            top: 16upx;
            width: 12upx;
            height: 12upx;
            background-color: red;
            border-radius: 6upx;
        }
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM