小程序上下滚动公告实现

2019/11/27 9:47:37 | 阅53 来源:好空间网络 [打印] [关闭]
 

<!-- 上下滚动开始 -->
<!-- <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000">
      <block wx:for="{{msgList}}" wx:key="msgList">
        <navigator url="/pages/index/index?title={{item.id}}" open-type="navigate">
          <swiper-item>
            <view class="swiper_item">{{item.text}}</view>
          </swiper-item>
        </navigator>
      </block>
    </swiper> -->
<!-- 上下滚动结束 -->

index.wxss文件

/* 上下滚动开始*/
.swiper_container {
height: 45rpx;
width: 100%;
}
.swiper_item {
font-size: 30rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 上下滚动结束 */

index.js

// 滚动数据配置
msgList: [{id:1,text:"新用户注册就送1000元,活动截至2019年11月30日"},{id:2,text:"香蕉电商平台改版啦!对新版满意吗?"}]


经营许可证ICP:皖B2-20100052 公司邮箱:zcdnsz@jspkongjian.net
Copyright © 2004-2015, 安徽好空间网络科技有限公司 版权所有 , 本站素材部分来源于网络,如有侵权请告知删除。