小程序怎么实现一条文字循环的淡入淡出的动画

代码片段：https://developers.weixin.qq.com/s/JGosAcmU7Wvi

1.咋实现像下面效果

2.参考了这篇博主的https://blog.csdn.net/weixin_42917830/article/details/81701125?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163825484616780265428180%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=163825484616780265428180&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~baidu_landing_v2~default-1-81701125.first_rank_v2_pc_rank_v29&utm_term=%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%B7%A1%E5%85%A5%E6%B7%A1%E5%87%BA%E5%8A%A8%E7%94%BB&spm=1018.2226.3001.4187
已经有了淡入效果 怎么让他 继续在去播报下一条不同的内容呢？

用css3动画搞下就好了，设置下opacity,

代码片段：

效果如下

有帮助麻烦点下【采纳该答案】

https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html
嫌麻烦 直接引组件库
https://vant-contrib.gitee.io/vant-weapp/#/transition

通过js更换这个标签内部的innerHTML内容