小程序实现投票进度条
本文实例为大家分享了小程序投票进度条的具体代码,供大家参考,具体内容如下
示例图:
上代码:
index.wxml:
进度 {{width}} 当前票数 {{quorumvotes}}
index.wxss
.clo_jdt{ width:100%; border:1pxsolid#6c9c2c; height:25px; border-radius:10px; } .clo_jdtview{ background:#95ca0d; float:left; height:100%; text-align:center; line-height:150%; border-radius:10px0010px; }
index.js
Page({ data:{ quorumvotes:50,//当前票数 width:"0%",//投票进度 votes:500//最多可投票数 }, onLoad:function(){ //获取总票数 varvotes=this.data.votes; //获取当前票数 varquorumvotes=this.data.quorumvotes; //进度 varspeed=quorumvotes/votes*100+"%"; console.log(speed) this.setData({ width:speed, }); })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。