自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 实现页面滚动指定位置显示动画效果(vue3+ts+wow.js)

如果引入报错了,我们首先先src的目录下建一个types文件夹再在它下面建一个index.d.ts的文件这里我们就是要进行第三方库的定义。这里就直接讲wowjs的导入等方法,animate不会的可以看我之前的一篇文章。然后我们就是引入,这里很容易出错,特别是用ts写项目的。在用ts来写的时候踩了很多坑,记录下使用中的错误。wow还有一些高级配置项,可以自由使用和配置。首先实现这个功能,第一步就是需要和一个叫。最后我们就可以看见我们引入成功了。过后我们就可以在我们的标签使用。最后就可以实现效果了。

2024-07-05 17:22:44 300

原创 vue3如何简单快速使用Animate.css

在做项目时,想要追求更美观和用户的交互,需要用到动画。由于我建立的是vue3的项目在引用的时候一直出错。注意:这里不是导入的import ‘animate.css’ 因为已经不适合在vue3项目。注意:animate__animated 这个类名是固定的,然后后面再跟上一个动画的类名。1.第一步:你需要先安装animate.css,在本项目终端运行。2.第二步需要你在main.ts里面进行引用,如果是js的话一样。3.在animate.css’官网找到你想要的动画效果。4.直接设置class值。

2024-07-02 20:13:33 160

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除