vue技术
vicsdmpy
这个作者很懒,什么都没留下…
展开
-
拖动验证码功能
效果如上图(有点简陋),原理就是先给图片添加draggable="false"禁止默认拖动事件,获取眼睛图片对象添加addEventListener,通过公式(移动后鼠标点击位置距离左边的长度 - (移动前鼠标点击位置距离左边的长度-移动前眼睛图片距离左边的长度)求得移动后眼睛图片距离左边的长度,通过定位设置眼睛最终的位置,高度同理,然后document.removeEventListener去掉事件监听,再根据事先测量好的位置来判断是否正确(移动端同理,把鼠标mouse事件换成touch相关事件即可)..原创 2020-10-08 23:43:11 · 840 阅读 · 0 评论 -
vue实现一键换肤功能
1.创建所需要替换的css文件,1个皮肤对应一个,放在同一个目录 2.用link在index.html引入你所要用的皮肤css文件 3.在你需要实现换肤的页面添加方法 (1)首次加载,默认选中第一个皮肤,之后就选择最后所选的皮肤 (2)把皮肤css文件名字写成数组变量,随机获取,赋值给id=‘skin’的link的href,从而改变皮肤 想要新增皮肤的话就新加皮肤css文件,然后只需要修改data的skinArr变量即可 ...原创 2020-09-28 11:15:58 · 2257 阅读 · 0 评论