How to achieve the effect of scrolling the bulletin board left and right in WeChat Mini Programs
The knowledge points of this article "how to achieve the effect of scrolling bulletin board in WeChat Mini Programs" are not quite understood by most people, so the editor summarizes the following contents for you. The content is detailed, the steps are clear, and it has a certain reference value. I hope you can gain something after reading this article. Let's take a look at this article "how to achieve the effect of scrolling bulletin board in WeChat Mini Programs".
The code is as follows
{{notice}} xdata: {/ / initialize data hideNotice: false, notice:',} / / Click to close the announcement 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 } the above is the content of this article on "how to achieve the effect of scrolling bulletin board in WeChat Mini Programs". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more related knowledge, please pay attention to the industry information channel.
