1.公司要實現打卡功能，發現uni-calendar插件不支持不同打點顏色的效果，所以就自己改一下源碼

下圖是公司ui設計師給的圖

2.我們打開調試，可以看到紅色打點的樣式是.uni-calendar-item__weeks-box-circle

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

4.然后搜索，可以搜到兩個結果：

5.接下來，我們在這輸出一下可以發現，這個值就是我們傳進來的值

傳值參考：

6.然后我們打印出的值就是我們傳進來的信息

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

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

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。