weixin_42113613的博客

我们浏览一些购物App或者社交App时，经常会看到一些图标会自动的变换，除了使用GIF实现，也可以使用定时器实现，先看效果～具体教程：第一步先去阿里矢量素材库下载几张自己喜欢的矢量图，下载格式我选择的是svg格式。下载好之后放到项目的static文件夹中。第二步，写好html布局，使用image标签来放矢量图，在data中定义path数组，里面的数组元素为矢量图的存放路径，再定义一个count，然后src动态绑定path：第三步，在mounted钩子里创建一个定时器，使图动起来。if条件根据自

先看效果：原组件标题是文字：最终效果：标题为图标：先从阿里矢图库里选择自己需要的图标，添加到项目中，然后下载项目文件。具体参考：https://www.uviewui.com/guide/customIcon.html在uniapp项目的根目录创建一个common文件夹，在里面创建css文件夹，将下载好的图标项目文件解压后拷贝到css文件夹下，如图：打开iconfont.css,修改路径：然后将这个css文件引入到APP.vue中。接着打开uview-ui/components