更新记录

1.0.0（2020-11-26）

1.0.0 第一版

平台兼容性

圆环形计时器，不使用canvas和定时器（适配h5、app-vue、app-nvue，主要是nvue）

示例代码

<template>
    <view>
        <!-- 圆环计时器 -->
        <zwp-ring-timing ref="ring" mode="timing" />
        <button @tap="changeState(true)">开始</button>
        <button @tap="changeState(false)">停止</button>
    </view>
</template>

<script>
    export default {
        methods: {
            changeState(flag) {
                this.$refs.ring[flag ? 'start' : 'end']()
            }
        }
    }
</script>

注意事项

1. 图表模式仅限看看，没做动画，真要做图表还是用canvas好
2. 组件未使用setInterval或者setTimeout，因此计时的时候没有数字显示，如果要的话自己加= =
3. nvue中停止计时有点未知bug，不过概率不大
4. nvue中计时动画用的是weex的animation模块，这个东西没有停止的功能，因此我是直接用v-if左右横跳加上改变ref名来清除动画的，所以调用停止的时候dom会闪一下很正常，第三条的未知bug应该也是这个引起的

使用说明

插槽说明

示例代码

<zwp-ring-timing mode="chart" :value="chartValue">
    <text>{{ chartValue }}</text>
</zwp-ring-timing>

事件