1.公司要實(shí)現(xiàn)打卡功能，發(fā)現(xiàn)uni-calendar插件不支持不同打點(diǎn)顏色的效果，所以就自己改一下源碼

下圖是公司ui設(shè)計師給的圖

2.我們打開調(diào)試，可以看到紅色打點(diǎn)的樣式是.uni-calendar-item__weeks-box-circle

3.我們復(fù)制下來這個class名，打開下圖文件

4.然后搜索，可以搜到兩個結(jié)果：

5.接下來，我們在這輸出一下可以發(fā)現(xiàn)，這個值就是我們傳進(jìn)來的值

傳值參考：

6.然后我們打印出的值就是我們傳進(jìn)來的信息

?7.既然我們可以接受到這個值，就可以用:class判斷一下從而達(dá)成不同打點(diǎn)顏色的效果

然后我們稍微把源碼上面的代碼改造一下

?

總結(jié)

以上是生活随笔為你收集整理的uni-calendar更改打点颜色实现签到和缺勤不同打点颜色效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。