進(jìn)度條沒有顏色變化可能是哪里出了問題？
看了幾遍代碼沒有問題呀
Zoey_Zhang
2018-10-17
3 回答
舉報(bào)
0/150
提交
取消
2018-10-17
你好，能提供一下源碼嗎？初步判斷是backgroundSize屬性設(shè)置的問題
2018-10-24
.setting-progress {
??????position: relative;
??????width: 100%;
??????height: 100%;
??????.progress-wrapper {
????????width: 100%;
????????height: 100%;
????????@include center;
????????padding: 0 px2rem(30);
????????box-sizing: border-box;
????????.progress {
??????????width: 100%;
??????????// 覆蓋默認(rèn)樣式
??????????-webkit-appearance: none;
??????????height: px2rem(2);
??????????background: -webkit-linear-gradient(#999, #999) no-repeat, #ddd;
??????????background-size: 0 100%;
??????????&:focus {
????????????outline: none;
??????????}
??????????// 進(jìn)度條的手柄
??????????&::-webkit-slider-thumb {
????????????-webkit-appearance: none;
????????????height: px2rem(20);
????????????width: px2rem(20);
????????????border-radius: 50%;
????????????background: white;
????????????box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);
????????????border: px2rem(1) solid #ddd;
??????????}
????????}
??????}
2018-10-24
onProgressInput(progress) {
??????this.progress = progress
??????this.$refs.progress.style.backgroundSize = '${this.progress}% 100%'
????},