微信小程序进度条样式_微信小程序—progress(进度条)

设置进度条颜色(请使用十六进制颜色值,例如：#ff00ff)

未选择的进度条的颜色(请使用十六进制颜色值,例如：#ff00ff)

设置/取消进度条从左往右的动画

设置/取消进度条右侧显示百分比

//获取应用实例

const app = getApp()

var isFirst = true;

var isSiFirst = true;

Page({

data: {

percent: "20", // 初始进度条百分数

sw: 6, // 初始进度条宽度

pc: '#00ff00',

pbc: '#cccccc',

isActive: true,

isSi: true,

},

onLoad: function () {

},

//进度条输入事件

progressInput: function (e) {

this.setData({

percent: e.detail.value

})

},

//设置宽度事件

swInput: function (e) {

this.setData({

sw: e.detail.value

})

},

//设置进度条颜色事件

pcInput: function (e) {

this.setData({

pc: e.detail