H5W3
当前位置:H5W3 > 问答 > 正文

请问如何才能实现多滑动条根据百分比联动?

请问如何才能实现以下这种多滑动条的值按百分比联动效果?
比如一等奖的中奖概率是10%,那后面的二三四五等奖都需要对应自动调整中奖概率;奖项是可以随时增加减少,所有的奖项加起来的中奖概率不能超过100%。
请问如何才能实现多滑动条根据百分比联动?

这个功能让我想起硬盘分区,但是我水平太菜,写不出来,有高手可以写个demo来学习下吗?:
请问如何才能实现多滑动条根据百分比联动?

回答

demo到是没有;
你也没说清你的业务规则;
一等奖滑动后,是那个滑块动,具体要怎么分配;
firstWinOdds;
secondWinOdds;
thirdWinOdds;
这三个变量的值=百分比值;

watch:{

firstWinOdds(){},
secondWinOdds(){},
thirdWinOdds(){},

}
或者
computed:{
}

换个思路呗
每个奖品等级不设中奖率,改为设中奖权重,然后每次更新权重后同步算出中奖率显示在后面就行了

4个奖品,如果权重都是 10 那每个的中奖率就是 25%
把某一个权重加高了,其他的中奖率自然就下降了

我以前回答过一个数据联动的问题,你可以参考下
https://www.hmoons.com/outlet…
主要是弄清楚自己的业务逻辑是怎样的,然后根据规则去做,你这里的规则都没讲清楚

未经允许不得转载:H5W3 » 请问如何才能实现多滑动条根据百分比联动?

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址