小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想问下大家这样的列表每一项需要一个倒计时,实现思路是怎么样的?
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
写一个组件<custom_timer></custom_timer>传入参数到期时间,然后就可以无限复用了;还省事
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
现在遇到的问题是数据一条一条传入组件,一次传入20条数据,然后分别倒计时,在分页的时候不知道该怎么处理之前传入数据的倒计时?
你说的我不明白,在每个需要的地方调用一次组件,每个组件负责一个倒计时,到期时间是固定的,或者你用后台传入,组件本身不会受到影响
<block wx:for='{{[100,200,300]}}' wx:key='{{index}}'>
<view>
<countdown
sign='{{index}}_{{item}}'
time='{{item}}'
format='hh:mm:ss'
bind:end='onCountdownEnd'>
</countdown>
</view>
</block>
列表页倒计时,按你说的性能会炸,如果足够多的话
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
写一个组件<custom_timer></custom_timer>传入参数到期时间,然后就可以无限复用了;还省事
现在遇到的问题是数据一条一条传入组件,一次传入20条数据,然后分别倒计时,在分页的时候不知道该怎么处理之前传入数据的倒计时?
你说的我不明白,在每个需要的地方调用一次组件,每个组件负责一个倒计时,到期时间是固定的,或者你用后台传入,组件本身不会受到影响
<block wx:for='{{[100,200,300]}}' wx:key='{{index}}'>
<view>
<countdown
sign='{{index}}_{{item}}'
time='{{item}}'
format='hh:mm:ss'
bind:end='onCountdownEnd'>
</countdown>
</view>
</block>
列表页倒计时,按你说的性能会炸,如果足够多的话