uniapp封装一个可移动的定位图标

 js部分

css部分

<style lang="scss" scoped>
    $all_width: 110rpx;
    $all_height: 110rpx;

    .movable-area {
        height: 100vh;
        width: 750rpx;
        top: 0;
        position: fixed;
        pointer-events: none; //此处要加，鼠标事件可以渗透
        z-index: 9999;

        .movable-view {
            width: $all_width;
            height: $all_height;
            pointer-events: auto; //恢复鼠标事件

            image {
                width: $all_width;
                height: $all_height;
            }
        }
    }

    .contactImg {
        border-radius: 50%;
        width: 110rpx;
        height: 110rpx;
        box-shadow: 0 0 16rpx 4rpx rgba(0, 0, 0, 0.2);
    }