-

zhangwei

2025-01-22 9f0f5d7767506658ab5ca47ba8ff4ede423e47e3

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
// 本文件由FirstUI授权予四川政采招投标咨询有限公司（会员ID：1  63，营业执照号： 9   151   0131   3    3 2006 1 93K）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
// #ifdef APP-NVUE
const animation = uni.requireNativePlugin('animation');
export default {
    data() {
        return {
            startX: 0,
            startY: 0,
            lastLeft: 0,
            lastTop: 0
        }
    },
    created() {
        this.refFab = null;
        this.loop = null
    },
    mounted() {
        this.$nextTick(() => {
            setTimeout(() => {
                this.refFab = this.getEl(this.$refs['fui-movable__view'])
            }, 50)
        })
    },
    methods: {
        getEl(el) {
            return el.ref || el[0].ref;
        },
        _aniMove(x, y) {
            if (!this.refFab || this.direction === 'none') return
            animation.transition(this.refFab, {
                styles: {
                    transform: `translate(${x}px,${y}px)`
                },
                duration: 0,
                timingFunction: 'linear',
                needLayout: false,
                delay: 0
            }, () => {
                this.change({
                    left: x,
                    top: y
                })
            });
        },
        touchstart(e) {
            if (this.direction === 'none') return;
            var touch = e.touches || e.changedTouches
            if (this.direction === 'all') {
                this.startX = touch[0].screenX
                this.startY = touch[0].screenY
            } else if (this.direction === 'vertical') {
                this.startY = touch[0].screenY
            } else {
                this.startX = touch[0].screenX
            }
        },
        getLeft(pageX) {
            var left = pageX - this.startX + this.lastLeft;
            left = left < -this.eLeft ? -this.eLeft : left;
            left = left > this.maxWidth ? this.maxWidth : left;
 
            return left
        },
        getTop(pageY) {
            var top = pageY - this.startY + this.lastTop;
            top = top < -this.eTop ? -this.eTop : top;
            top = top > this.maxHeight ? this.maxHeight : top;
 
            return top
        },
        touchmove(e) {
            if (this.direction === 'none') return;
            var touch = e.touches || e.changedTouches
            let pageX = touch[0].screenX,
                pageY = touch[0].screenY;
 
            let left = 0,
                top = 0;
            if (this.direction === 'all') {
                left = this.getLeft(pageX)
                this.startX = pageX
                top = this.getTop(pageY)
                this.startY = pageY
            } else if (this.direction === 'vertical') {
                top = this.getTop(pageY)
                this.startY = pageY
            } else {
                left = this.getLeft(pageX)
                this.startX = pageX
            }
 
            this.lastLeft = left
            this.lastTop = top
            this._aniMove(left, top)
        }
    }
}
 
// #endif
 
// #ifndef APP-NVUE
export default {}
// #endif