微信小程序小技巧《十六》文字跑馬燈，仿Table效果
發(fā)布時間：2018-02-06 16:35 所屬欄目：小程序開發(fā)教程
一：文字跑馬燈
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 出現(xiàn)白邊后即顯示</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>
</view>
</view>
|
