現在越來越多的人使用bui前端框架了，但是bui默認的藍色的，修改配色比較麻煩下面是我整理的一個配色表，新建一個css放到bui.css下面就可以重置為你想要的顏色了。 **BUI版本：1.5x 其他版本不保證可以通用 里面的 #F56C6C??#E6A23C 只是為了演示 可以自己定義顏色?** 備注：增強版商城重置顏色：? 手機版：請新建一個 public/static/suifeng/mall/wap/css/chongzhi.css 即可重置顏色 電腦版：public/static/suifeng/mall/pc/css/chongzhi.css 新建一下就可以重置顏色 ~~~ /*頭部顏色*/ .header.bui-bar,?.header?.bui-bar,?header.bui-bar,?header?.bui-bar?{background:#F56C6C;} /*頭部按鈕圖標的顏色*/ .header.bui-bar?.bui-bar-left>[class*=bui-btn]>i,?.header.bui-bar?.bui-bar-right>[class*=bui-btn]>i,?.header?.bui-bar?.bui-bar-left>[class*=bui-btn]>i,?.header?.bui-bar?.bui-bar-right>[class*=bui-btn]>i,?header.bui-bar?.bui-bar-left>[class*=bui-btn]>i,?header.bui-bar?.bui-bar-right>[class*=bui-btn]>i,?header?.bui-bar?.bui-bar-left>[class*=bui-btn]>i,?header?.bui-bar?.bui-bar-right>[class*=bui-btn]>i?{color:?#fff;} /*頭部按鈕文字的顏色*/ .header.bui-bar?.bui-bar-main,?.header?.bui-bar?.bui-bar-main,?header.bui-bar?.bui-bar-main,?header?.bui-bar?.bui-bar-main?{color:?#fff;font-size:?.34rem;} /*發送驗證碼*/ .primary-reverse?{color:#F56C6C;border-color:#F56C6C;} /*滑動值的圓點*/ ?.bui-range::-webkit-slider-thumb?{background:?#F56C6C;} /*多選*/ .bui-choose.active,?.bui-choose:checked,?.bui-like.active,?.bui-like:checked,?.bui-fav.active,?.bui-fav:checked,?.bui-checkbox.active,?.bui-checkbox:checked,?.bui-radio.active,?.bui-radio:checked?{color:?#F56C6C;} /*單選*/ .bui-choose.active:before,?.bui-choose:checked:before,?.bui-like.active:before,?.bui-like:checked:before,?.bui-fav.active:before,?.bui-fav:checked:before,?.bui-checkbox.active:before,?.bui-checkbox:checked:before,?.bui-radio.active:before,?.bui-radio:checked:before?{color:?#F56C6C;} /*下拉邊框*/ .bui-levelselect?.select-value?.active?{border-bottom:?2px?solid?#F56C6C;} .bui-levelselect?.bui-list?.bui-btn.active?{color:#F56C6C;} /*時間組件*/ .picker-item.picker-selected?{color:?#F56C6C;} .picker-center-highlight?{border-left:?2px?solid?#F56C6C;} .primary-reverse?{color:?#F56C6C;border-color:?#F56C6C;} /*切換*/ /*.bui-switch-text:checked,?.bui-switch:checked?{background-color:?#F56C6C;}*/ .bui-switch-text:after?{background:?#F56C6C;} .bui-switch-text:checked:after?{background:?#F56C6C;} /*其他*/ input.bui-tag:checked,?input.bui-check:checked?{background:?RGBA(166,?227,?255,?0.21);border:?1px?solid?#F56C6C;} /*按鈕*/ [class*=bui-btn].primary?{border-color:?#F56C6C;background:#F56C6C} [class*=bui-btn].primary:active?{background:#E6A23C;color:?#fff;border-color:#E6A23C;} .bui-nav>.active?{color:#F56C6C;background:?#fff;} /*TAB*/ .bui-tab?.bui-nav?.active?{color:?#E6A23C;background-color:?#fff;} .bui-nav>[class*=bui-btn].active:after?{background:#E6A23C;} ~~~