uniapp 復選框問題

之前在開發中遇到過使用colorui組件庫的時候，uniapp自帶的復選框和colorui的樣式有沖突，以至於出現復選框中的勾號一直不顯示，后來發現是因為colorui的樣式問題

問題的根源：

 

 

 

 

 

 

 

 

 

 

 

 

解決方法：在App.vue中添加如下樣式

    uni-checkbox .uni-checkbox-input {
        border-radius: 3upx !important;
        color: #ffffff !important;
    }

    uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
        color: #fff;
        border-color: rgb(0, 122, 255);
        background: rgb(0, 122, 255);
    }

    uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:after {
        font-size: 18px;
    }