? ? ? ? ? ? ? ? ? ? ? 微信小程序單行字體無縫向上滾動
wxml
<swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="1000">
<block wx:for="{{msgList}}">
<navigator url="/pages/index/index?title={{item.url}}" open-type="navigate">
<swiper-item>
<view class="swiper_item">{{item.title}}</view>
</swiper-item>
</navigator>
</block>
</swiper>
js
onLoad(e) {
? ? console.log(e.title)
? ? this.setData({
? ? ? msgList: [
? ? ? ? { url: "url", title: "1小編不易多多關(guān)注會持續(xù)更新小編不易多多關(guān)注會持續(xù)更新" },
? ? ? ? { url: "url", title: "2小編不易多多關(guān)注會持續(xù)更新小編不易多多關(guān)注會持續(xù)更新" },
? ? ? ? { url: "url", title: "3小編不易多多關(guān)注會持續(xù)更新小編不易多多關(guān)注會持續(xù)更新" }]
? ? });
? },
wxss
.swiper_container {
background-color: yellow;
height: 50rpx;
width: 68vw;
}
.swiper_item {
font-size: 30rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
