4回答

Stormer2018

2018-08-19

OnTouchMove (e) {
    if(this.touchState)
    {
        var startElement = this.$refs['A'][0];
        var startPos = startElement.getBoundingClientRect().top;
        var endPos = e.touches[0].clientY;
        
        var index = Math.floor((endPos - startPos)/startElement.offsetHeight);
       
        if (index>=0 && index<this.letters.length)
        {
            this.$emit('change', this.letters[index]) ;
        }
    }
},

2

1

qq_李李李li_03988634

这样写就不需要写死像素值了

2018-10-31

共1条回复

huazhouzhang

2018-08-03

touchmove我这这是动态获取的，而且获取方式跟老师的也不一样，贴一下touchmove的代码（备注一下我这边的字母是22个，不是26个）：

handleTouchMove(event) {

if (this.moveStatus) {

var startElement = this.$refs['A'][0];

var startPos = startElement.getBoundingClientRect().top;

var endPos = event.touches[0].clientY;

var index = Math.floor((endPos - startPos)/startElement.offsetHeight);

var letterList = Object.keys(this.list);

if (index >=0 && index <= 21) {

this.$emit('clickEvent', letterList[index]);

}

}

}

2

0

I小小白

2018-09-04

我觉得79没问题啊，老师用的是rem,font-size=50px,故.86rem+.72rem在移动设备上不管什么机型对应的像素值就是79px，它就是固定值，所以有问题吗？（ps：为了证明这点我在电脑上仿真时将所有设备的比例都设为100%，用屏幕尺测量，测出的值都是固定的；height用rem,width: 100%,故只有宽的值是需要动态获取，高始终都是固定的）

1

0

Dell

2018-07-24

-79 指的是什么？

0

2

Dell

回复

慕姐3650661

哦哦，你说的对，这个确实应该动态获取

2018-07-25

共2条回复