微信小程序中怎么实现左右滚动公告栏效果

这篇"微信小程序中怎么实现左右滚动公告栏效果"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇"微信小程序中怎么实现左右滚动公告栏效果"文章吧。

代码如下

data: {  //初始化数据  hideNotice: false,  notice: '',}// 点击关闭公告 switchNotice: function() {  this.setData({   hideNotice: true  }) },

@keyframes remindMessage { 0% {  -webkit-transform: translateX(90%); } 100% {  -webkit-transform: translateX(-180%); }}.tongzhitext { margin-right:80rpx; margin-left: 10rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.tongzhi-text { font-size: 28rpx; animation: remindMessage 14s linear infinite; width: 100%; color: #d09868; display: block;}.notice-wrap { background: #ffebda; width: 100%; height: 60rpx; line-height: 60rpx; color: #d09868; font-size: 28rpx;}.closeView { width: 45rpx; height: 45rpx; line-height: 45rpx; position: absolute; right: 20rpx; top: 5rpx; text-align: center; font-size: 35rpx;}

以上就是关于"微信小程序中怎么实现左右滚动公告栏效果"这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注行业资讯频道。