mechanicStore-app/unpackage/dist/dev/.uvue/app-android/components/u-floating/u-floating.vue

type TouchItem = {
    __$originalPosition?: UTSSourceMapPosition<"TouchItem", "components/u-floating/u-floating.vue", 9, 7>;
    clientX: number;
    clientY: number;
};
type TouchEvent = {
    __$originalPosition?: UTSSourceMapPosition<"TouchEvent", "components/u-floating/u-floating.vue", 13, 7>;
    touches: Array<TouchItem>;
};
const __sfc__ = defineComponent({
    name: 'FloatingButton',
    data() {
        return {
            top: 430,
            left: 20,
            startX: 0,
            startY: 0,
            dragging: false
        };
    },
    methods: {
        onTouchStart(event: TouchEvent) {
            this.startX = event.touches[0].clientX;
            this.startY = event.touches[0].clientY;
            this.dragging = true;
        },
        onTouchMove(event: TouchEvent) {
            if (this.dragging) {
                const deltaX = event.touches[0].clientX - this.startX;
                const deltaY = event.touches[0].clientY - this.startY;
                this.startX = event.touches[0].clientX;
                this.startY = event.touches[0].clientY;
                this.top += deltaY;
                this.left += deltaX;
            }
        },
        onTouchEnd() {
            this.dragging = false;
        }
    }
});
export default __sfc__;
function GenComponentsUFloatingUFloatingRender(this: InstanceType<typeof __sfc__>): any | null {
    const _ctx = this;
    const _cache = this.$.renderCache;
    return _cE("view", _uM({
        class: "floating-button",
        style: _nS(_uM({ top: _ctx.top + 'px', left: _ctx.left + 'px' })),
        onTouchstart: _ctx.onTouchStart,
        onTouchmove: _ctx.onTouchMove,
        onTouchend: _ctx.onTouchEnd
    }), [
        _cE("text", _uM({
            class: "textIcon icon-jingwuicon_svg-",
            style: _nS(_uM({ "font-size": "60rpx", "color": "#FF4D4D" }))
        }), null, 4 /* STYLE */)
    ], 44 /* STYLE, PROPS, NEED_HYDRATION */, ["onTouchstart", "onTouchmove", "onTouchend"]);
}
export type UFloatingComponentPublicInstance = InstanceType<typeof __sfc__>;
const GenComponentsUFloatingUFloatingStyles = [_uM([["floating-button", _pS(_uM([["position", "fixed"], ["zIndex", 9999], ["backgroundColor", "#ffffff"], ["paddingTop", "20rpx"], ["paddingRight", "20rpx"], ["paddingBottom", "20rpx"], ["paddingLeft", "20rpx"], ["borderTopLeftRadius", "35rpx"], ["borderTopRightRadius", "35rpx"], ["borderBottomRightRadius", "35rpx"], ["borderBottomLeftRadius", "35rpx"], ["width", "70rpx"], ["height", "70rpx"], ["display", "flex"], ["justifyContent", "center"], ["alignItems", "center"], ["boxShadow", "0 4rpx 10rpx rgba(0, 0, 0, 0.3)"]]))]])];
//# sourceMappingURL=u-floating.vue.map