为了账号安全,请及时绑定邮箱和手机立即绑定

进度条没有颜色变化可能是哪里出了问题?

看了几遍代码没有问题呀

正在回答

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下载
官方微信