请问如何才能实现多滑动条根据百分比联动?
请问如何才能实现以下这种多滑动条的值按百分比联动效果?
比如一等奖的中奖概率是10%,那后面的二三四五等奖都需要对应自动调整中奖概率;奖项是可以随时增加减少,所有的奖项加起来的中奖概率不能超过100%。
这个功能让我想起硬盘分区,但是我水平太菜,写不出来,有高手可以写个demo来学习下吗?:
回答
demo到是没有;
你也没说清你的业务规则;
一等奖滑动后,是那个滑块动,具体要怎么分配;
firstWinOdds;
secondWinOdds;
thirdWinOdds;
这三个变量的值=百分比值;
watch:{
firstWinOdds(){},secondWinOdds(){},
thirdWinOdds(){},
}
或者
computed:{
}
换个思路呗
每个奖品等级不设中奖率,改为设中奖权重,然后每次更新权重后同步算出中奖率显示在后面就行了
4个奖品,如果权重都是 10 那每个的中奖率就是 25%
把某一个权重加高了,其他的中奖率自然就下降了
我以前回答过一个数据联动的问题,你可以参考下
https://www.hmoons.com/outlet...
主要是弄清楚自己的业务逻辑是怎样的,然后根据规则去做,你这里的规则都没讲清楚
以上是 请问如何才能实现多滑动条根据百分比联动? 的全部内容, 来源链接: utcz.com/a/66436.html