微信小程序左右滚动公告栏效果代码实例

这篇文章主要介绍了微信小程序左右滚动公告栏效果代码实例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以参考下

代码如下

view class=' notice-wrap ' hidden=' { { hide notice } } ' view class=' tonzhittext ' text class=' tonzhi-text ' { notice } }/text/view view view bind tap=' switch notice ' class=' closeView ' x/view/view data : {//初始化数据hideNotice: false，Notice: ' '，}//点击关闭公告开关注意：函数(){ this。setdata({ hidennotice 3360 true })}，@关键帧remindMessage { 0% {-web kit-transform : translateX(90%)；} 100% {-web套件-transform : translateX(-180%)；}}.tongzhitext { margin-right :80 rpx；左边距左： 10rpx飞越：隐藏；空白： nowrap文本-飞越：省略号；}.同治-文字{ font-size : 28 rpx动画：提醒消息14s线性无限；宽度： 100%;color: # d09868display:块；}.{背景： # FFEBDA；宽度： 100%;高度： 60rpx线高： 60 rpxcolor : # d 09868 font-size : 28 rpx；}.closeView { width : 45 rpx h8 : 45 rpx线高： 45 rpx绝对位置：右： 20rpxtop: 5rpx文本对齐：中心；font-size : 35 rpx}效果展示

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。