前言  之前的文章有写过九宫格抽奖功能【 Vue3实现九宫格抽奖功能 】， 有兴趣的可以看一看给个赞啥的，今天我们看看如何实现一个转盘抽奖功能。  之前公司也写过转盘抽奖功能，实现流程大概是设计师出个

只可惜不是vue3版本，下面带大家看看如何正确搬运到vue3中。 详情参见原文，不再赘述。 目前FlyCard接近400行，不太容易维护了，我们可以用Composition API拆分它们。 观察一下不难发现，拖动逻辑只有卡片1需要，所以这一部分的数据和逻辑控制是独立的，完全可…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

大家好，我是 simple ，我的理想是**利用科技手段来解决生活中遇到的各种问题**。 拖拽组件，拿来吧你。

注册的组件对象放在componentList（用于渲染组件菜单）和componentMap(方便查找)里。 在 mousemove 中通过计算鼠标 按下时位置 与 当前位置 的差值，计算出最新的选中的组件坐标。

在去年闲暇时间开发了一个可视化的页面编辑器，这次看到掘金有项目复盘的活动，正好可以拿出来写篇文章，和大家分享下。不知道还能不能赶上活动了~ 可添加图片，文本，矩形，背景。多种编辑功能（字体，背景，大小，边距等） 由于里面的细节比较多，肯定不能将所有点都讲到，我就挑几个主要的写写…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

前端换肤方案 - element+less无感换肤（无需页面刷新） 前言 前不久在改造一个迭代了一年多的项目时，增加了一个换肤功能。通过自己的探索，总结出了一套比较合适的改造方案供大家参考，如有更好的

vue3 自定义插件[plugins] 是一种能为 Vue 添加全局功能的工具代码。一个插件可以是一个拥有 install() 方法的对象，也可以直接是一个安装函数本身