页面结构组件，支持手动滚动

Tevin

2023-10-18 039cd582e2bb49af7b3ad126c49ef988b7d8853f

 forms/imagePicker/CImagePreview.vue

@@ -12,10 +12,11 @@
import { $ } from '@tarojs/extend';

// 直线方程，点斜式参数
const createLineEquation = (p1, p2) => ({
    k: (p1.y - p2.y) / (p1.x - p2.x),
    b: p1.y - k * p1.x,
});
const createLineEquation = (p1, p2) => {
    const k = (p1.y - p2.y) / (p1.x - p2.x);
    const b = p1.y - k * p1.x;
    return { k, b };
};
const winWidth = window.innerWidth;

export default {
@@ -67,8 +68,8 @@
                    let equationY = {};
                    $img.on({
                        touchstart: evt => {
                            startOffsetX = parseInt($img.css('left'));
                            startOffsetY = parseInt($img.css('top'));
                            startOffsetX = parseInt($img.css('left')) || 0;
                            startOffsetY = parseInt($img.css('top')) || 0;
                            startWidth = parseInt($img.css('width')) * scale;
                            if (evt.touches.length == 1) {
                                const { clientX, clientY } = evt.touches[0];
@@ -92,7 +93,7 @@
                                        { x: scale, y: startOffsetY }
                                    );
                                }
                                // 初始状态，不线性计算
                                // 初始状态，不计算
                                else {
                                    equationX = equationY = { k: 0, b: 0 };
                                }
@@ -142,8 +143,8 @@
                                    }
                                }
                                // 修正位置
                                const left = equationX.a * scale + equationX.b;
                                const top = equationY.a * scale + equationY.b;
                                const left = equationX.k * scale + equationX.b;
                                const top = equationY.k * scale + equationY.b;
                                // 渲染
                                $img.css({
                                    transform: 'scale(' + scale + ')',