xzs-mysql/source/wx/exam-student/component/iView/rate/index.js

70 lines
1.7 KiB
Java
Raw Normal View History

2020-06-14 16:44:45 +08:00
Component({
externalClasses: ['i-class'],
properties : {
count : {
type : Number,
value : 5
},
value : {
type : Number,
value : 0
},
disabled : {
type : Boolean,
value : false
},
size : {
type : Number,
value : 20
},
name : {
type : String,
value : ''
}
},
data : {
touchesStart : {
pageX : 0
}
},
methods : {
handleClick(e){
const data = this.data;
if( data.disabled ){
return;
}
const index = e.currentTarget.dataset.index;
this.triggerEvent('change',{
index : index + 1
})
},
handleTouchMove(e){
const data = this.data;
if( data.disabled ){
return;
}
if( !e.changedTouches[0] ){
return;
}
const movePageX = e.changedTouches[0].pageX;
const space = movePageX - data.touchesStart.pageX;
if( space <= 0 ){
return;
}
let setIndex = Math.ceil( space/data.size );
setIndex = setIndex > data.count ? data.count : setIndex ;
this.triggerEvent('change',{
index : setIndex
})
}
},
ready(){
const className = '.i-rate';
var query = wx.createSelectorQuery().in(this)
query.select( className ).boundingClientRect((res)=>{
this.data.touchesStart.pageX = res.left || 0;
}).exec()
}
});