CSS 阴影闪烁 呼吸灯闪烁 animation动画 keyframe 选择器 动态闪烁 less vue2
摘要:环境:vue2 功能:CSS样式添加阴影的时候让阴影部分保持动态闪烁效果 方案:运用animation动画 实现闪烁,keyframe 选择器更改阴影的颜色 效果:动态闪烁 样式书写: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
阅读全文
posted @
2023-01-13 17:35
芹菜是一根葱
阅读(410)
推荐(0) 编辑
字幕横向滚动 公告内容自动横向滚动
摘要:功能: 实现文字字幕 公告内容 自动横向滚动 思路:运用滚动条和计时器 效果: 示例: 如果是动态数据,就要复制一遍 template 中 data1 的数据放 data2 这里,当数据发生改变时 data2 的数据也能实时更新。如果是静态数字可以在方法里面复制或innerHTML赋值 conten
阅读全文
posted @
2023-01-13 16:27
芹菜是一根葱
阅读(287)
推荐(0) 编辑
css 样式 正三角,倒三角 小三角
摘要:提示框、菜单栏 的三角样式 效果图 精髓 正三角 .h{ width: 0; height: 0; border: 6px solid transparent; border-bottom-color: rgb(19, 95, 236); } 倒三角 .y{ width: 0; height: 0;
阅读全文
posted @
2023-01-11 18:15
芹菜是一根葱
阅读(267)
推荐(0) 编辑
ref 输入框自动获取焦点 input fcous vue2
摘要:环境:vue2 当我们的输入框不是一打开页面就显示出来,而是通过点击某个按钮显示或页面跳转时,输入框自动获取焦点的方法如下: 输入框添加属性 ref = “newMethodTitle” 在点击按钮的事件中添加 this.$nextTick(()=>{ this.$refs.newMethodTit
阅读全文
posted @
2023-01-11 17:51
芹菜是一根葱
阅读(628)
推荐(0) 编辑
sortablejs 列表拖拽排序,js vue2,解决拖拽排序乱序问题
摘要:功能:在列表中,需要给列表进行拖拽排序,并实时保存拖拽后的列表书序 实现; 运用js中的sortablejs库 环境 :vue2 中文网:http://www.sortablejs.com 在首页中下拉可以看到有多个示例,方便上手 在配置项中会对属性、方法进行解析,方便理解 方法; 1 安装依赖 n
阅读全文
posted @
2023-01-11 17:38
芹菜是一根葱
阅读(2126)
推荐(0) 编辑
小乌龟的安装及使用(码云)
摘要:一、下载 小乌龟安装包:https://download.tortoisegit.org/tgit/2.12.0.0/TortoiseGit-2.12.0.0-64bit.msi 中文安装包:https://download.tortoisegit.org/tgit/2.13.0.0/Tortois
阅读全文
posted @
2023-01-10 22:42
芹菜是一根葱
阅读(939)
推荐(0) 编辑