WU —— 移动端Div拖拽演示
发布时间
阅读量：
阅读量
在移动设备的使用过程中，有时会涉及到对div元素进行拖拽操作的功能实现。尽管目前我尚未实际遇到相关需求，但为了应对可能的情况，我提前编写了相应的代码。需要特别说明的是，原始代码来源于网络资源，但在实际应用中发现存在一些不足之处。为此，我进一步查阅了其他相关资料，并对原有代码进行了调整与优化，最终形成了当前版本。在此，对原作者以及提供帮助的搜索引擎表示诚挚的感谢。
1、代码分享
HTML代码
<template>
<div class="main">
<div ref="move_div" @touchstart="down" @touchmove="move" @touchend="end" :style="{top: top + 'px', left: left + 'px'}" class="drag_area"></div>
</div>
</template>
结构设计极为简洁，毕竟这只是一个演示示例
SCSS代码
.main{
background-color: brown;
height: -webkit-fill-available;
.drag_area{全部评论 (0)
还没有任何评论哟~