微信小程序-通知公告滚动提示

Posted 壹度技术

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序-通知公告滚动提示相关的知识,希望对你有一定的参考价值。

wxml如下:
       

<view class=‘scroll_view_border‘>
<view class="srcoll_view" bindtap="textclick">这武器那都好,就是不吃药只能战斗15秒,15秒内不是你死就是我亡,这才是90级史诗该有的王者风范!</view>
</view>

wxss如下:

 

.srcoll_view{
position: absolute;
top:0rpx;
height: 100rpx;
font-size: 30rpx;
white-space: nowrap;
line-height: 100rpx;
color: #00bff3;
animation:myfirst 20s linear infinite;
}
@keyframes myfirst
{
  0% {margin-left:750rpx;}
  100% {margin-left:-1500rpx;}
}
.scroll_view_border{
position: relative;
width: 100%;
background: rgba(0, 0, 0, 0.2);
height: 100rpx;
overflow: hidden;
}
js------没有

 

以上是关于微信小程序-通知公告滚动提示的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序左右滚动公告栏效果

微信小程序代码片段

微信小程序代码片段分享

微信小程序开发之代码提示插件(VSCode)

微信小程序提示短信配置没有填写

携程ebooking微信小程序怎么设置提示音