当你的微信小程序内容中出现文字跑马灯效果,会不会觉得很拉风,接下来大家详细讲解下如何操作实现这效果。
效果:
wxml
<view>1 显示完后再显示</view>
<view class="example">
<view class="marquee_box">
<view class="marquee_text" style="{ {orientation}}:{ {marqueeDistance}}px;font-size: { {size}}px;">
{ {text}}
</view>
</view>
</view>
<view>2 出现白边后即显示</view>
<view class="example">
<view class="marquee_box">
<view class="marquee_text" style="{ {orientation}}:{ {marqueeDistance2}}px;font-size: { {size}}px;">
<text>{ {text}}</text>
<text wx:if="{ {marquee2copy_status}}" style="margin-left:{ {marquee2_margin}}px;">{ {text}}</text>
</view>