随笔分类 -  H5

摘要:工作中需要用到vue滑动组件,在npm上找到一款vue-drag-verify,但是美观度不够。所以在其基础上增加了参数提高了交互效果,并根据日常需求封装了常用的四个组件: 滑块组件 文档&演示地址 图片滑块组件 文档&演示地址 图片滑块组件(拼图)文档&演示地址 旋转图片滑块组件 文档&演示地址 阅读全文
posted @ 2024-06-21 21:30 limes 阅读(300) 评论(0) 推荐(0)
摘要:在css中的单行文本垂直居中一般常见设置height和line-height相同即可。但是如果多行,文本就会溢出。 特意总结了多行文本垂直居中的办法 使用table-cell <style> .single{ height: 80px; border: 1px solid red; display: 阅读全文
posted @ 2021-02-19 14:27 limes 阅读(524) 评论(0) 推荐(0)
摘要:效果如下: 关闭message后前后message的衔接非常丝滑,这部分是我比较感兴趣的。带着这个问题先了解下DOM结构,顺便整理下作者的思路。 从DOM里我们可以看到所有的message都在一个容器里,而这个容器做了绝对定位实现了可视窗口的水平居中,新增的message只要在容器里append对应 阅读全文
posted @ 2021-01-23 13:53 limes 阅读(917) 评论(1) 推荐(0)