亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

進度條沒有顏色變化可能是哪里出了問題？

看了幾遍代碼沒有問題呀

正在回答

3 回答

你好，能提供一下源碼嗎？初步判斷是backgroundSize屬性設置的問題

0 回復 有任何疑惑可以回復我~

.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%;

??????????// 覆蓋默認樣式

??????????-webkit-appearance: none;

??????????height: px2rem(2);

??????????background: -webkit-linear-gradient(#999, #999) no-repeat, #ddd;

??????????background-size: 0 100%;

??????????&:focus {

????????????outline: none;

??????????}

??????????// 進度條的手柄

??????????&::-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;

??????????}

????????}

??????}

0 回復 有任何疑惑可以回復我~

onProgressInput(progress) {

??????this.progress = progress

??????this.$refs.progress.style.backgroundSize = '${this.progress}% 100%'

????},

0 回復 有任何疑惑可以回復我~
#1

里德曼長著驢耳朵

onProgressInput (progress) { this.progress = progress this.$refs.progress.style.backgroundSize = `${this.progress}% 100%` },
2018-10-24 回復 有任何疑惑可以回復我~
#2

里德曼長著驢耳朵

后面不是單引號，是``
2018-10-24 回復 有任何疑惑可以回復我~
#3

Zoey_Zhang 提問者 回復 里德曼長著驢耳朵

3q 學到了
2018-10-25 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

進度條沒有顏色變化可能是哪里出了問題？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號