循环滚动公告（transform方式）

核心思想：利用transform属性读取文本长度进行判断CSS动画向左移动的长度。

<!-- wxml -->
<view class='srcoll_frame'>
    <view class="srcollText">{{remindMessage}}</view>
</view>

<!-- js -->
Page({
    data: {
        remindMessage: '你可以自定义这条公告的内容，长度任意。'
    }
})

<!-- wxss -->
.srcoll_frame{
    position: relative;
    width: 100%;
    height: 88rpx;
    background: #FFFFCC;
    overflow: hidden;
}
@keyframes remindMessage{
    0% {
        -webkit-transform: translateX(750rpx);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}
.srcollText{
    top: 0;
    height: 100%;
    color: #FF9F0B;
    font-size: 28rpx;
    position: absolute;
    white-space: nowrap;
    line-height: 88rpx;
    animation: remindMessage 20s linear infinite;
}