今天遇見一個問題伯顶，要做類似下圖效果，
進度條效果
樣式的話骆膝，就是通過先給個背景圖祭衩，然后在同樣位置給一個用漸變屬性改變的塊，主要是通過background-image: linear-gradient(to right,red,orange)這樣的漸變背景圖效果實現(xiàn)的阅签，主要是每一個進度條的長度掐暮，都要動態(tài)綁定，這里用的就是vue的v-bind政钟，綁定style內(nèi)聯(lián)樣式
具體樣式位：<span :class='xx' :style="{width:((item.pickTime[0]*24+item.pickTime[1]+item.pickTime[2]/60).toFixed(1))/4*2.8+'rem'}">來實現(xiàn)動態(tài)綁定長度路克。
