时间:2021-05-18
本文实例讲述了微信小程序入门之广告条实现方法。分享给大家供大家参考,具体如下:
在小程序页面,有时候需要弄一条广告条进去,作用可以用来提醒客户端,更加醒目,这种实现很容易,要用到组件swiper,navigator
先上效果图:
wxml:
<swiper class="swiper_container" autoplay="true" interval="2000" circular="true"> <block wx:for="{{msgList}}"> <navigator url="服务器" open-type="navigate"> <swiper-item> <view class="swiper_item">{{item.title}}</view> </swiper-item> </navigator> </block></swiper>js:
Page({ data: { msgList: [ { url: "url", title: "公告11:这是一条公告,效果是每个x秒,会向右滑动," }, { url: "url", title: "公告22:这里是向右滑动。。。。" }, { url: "url", title: "公告33:啊哈哈微信小程序,。。。" } ] }})WXSS:
.swiper_container{ background-color:rgb(255, 255, 255); height:40px; //可以改变背景颜色(background-color),或者字体颜色(color)}虽然这段代码很容易理解, 但是这种效果是非常实用的
希望本文所述对大家微信小程序开发有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
广受关注的微信小程序今日凌晨正式上线。腾讯公关总监张军表示,跨越一年的约定,今日见面。据悉,用户无需更新微信,在微信搜索“小程序示例”即可进入小程序界面。登录之
本文实例讲述了js实现网站最上边可关闭的浮动广告条。分享给大家供大家参考。具体如下:这是一款广告条代码,平时浮动在网站最上边,可关闭,设计唯美简洁,带关闭按钮,
微信小程序配置顶部导航条标题颜色的实现方法关于小程序导航顶部配置都写在.json文件中。{"window":{"navigationBarBackgroundC
【微信小程序如何制作】小程序应该如何入门,新手应该掌握哪些基本知识?如何免费制作微信小程序?下面就和小编一起来看看吧! 小程序应该如何入门,新手应该掌握哪
前言这篇文章主要给大家讲解了rpx和rem应用于微信小程序,如果你还没有入门,建议先从下面看起微信小程序官方文档>webapp变革之rem>rpx单位官方文档>