使用iview weapp倒计时组件时的bug

概述

项目需要倒计时功能,因为项目UI框架选的iview weapp,因此选择框架中的count-down组件。
使用过程发现问题3个如下:

1. 异步无法更新时间

1.1 问题

异步获取时间数据后,倒计时组件无法更新时间数据
这个bug已经有大佬解决了,但是官方没有维护合并到master。

参考链接如下:
异步获取时间数据后,倒计时无法更新时间数据.

1.2 解决方法

将大佬修改的内容添加到自己项目的倒计时组件源码中。

2. 自定义样式后换行

2.1 问题

当你自定义倒计时组件样式时,字体越大,div的高度越高,并且会现在在div底部。如下图:
在这里插入图片描述

2.2 解决办法
  1. 倒计时组件中使用的是"<text>" 标签。并且是换行编写。
    在这里插入图片描述
  2. 所以可以将"<text>"写成一行。
    在这里插入图片描述
  3. 或者改成其他标签
    参考文章:
    小程序中text标签之坑

3. 自定义类名

因为本人用的是mpvue框架,所以没有看出有什么实质性的影响。只是和官方文档介绍的不一致而知。所以我没有修改
参考文章:
修复倒计时组件的自定义类名问题

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值