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

文章目录

      • 概述
      • 1. 异步无法更新时间
        • 1.1 问题
        • 1.2 解决方法
      • 2. 自定义样式后换行
        • 2.1 问题
        • 2.2 解决办法
      • 3. 自定义类名

概述

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

1. 异步无法更新时间

1.1 问题

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

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

1.2 解决方法

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

2. 自定义样式后换行

2.1 问题

当你自定义倒计时组件样式时,字体越大,div的高度越高,并且会现在在div底部。如下图:
使用iview weapp倒计时组件时的bug_第1张图片

2.2 解决办法

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

3. 自定义类名

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

你可能感兴趣的:(小程序)