更新记录
1.0.3(2025-02-27)
更新为uni_modules组件
1.0.1(2023-05-04)
优化
1.0.0(2023-05-04)
上传
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
mosowe-number-run
uniapp
/uni_modules组件
兼容性
平台 |
android |
ios |
微信小程序 |
H5 |
兼容 |
√ |
√ |
√ |
√ |
props
属性 |
类型 |
说明 |
默认 |
number |
number |
数值 |
0 |
size |
number |
尺寸,单位px |
30 |
delay |
number |
动画延迟执行时间,单位ms |
100 |
speed |
number |
动画执行时长,单位ms |
500 |
auto |
boolean |
是否自动播放 |
true |
emits
events
示例代码
<template>
<view class="h3-title">手动触发</view>
<mosowe-number-run
ref="zoNumberRunRef"
:number="number"
:delay="100"
:leep="1000"
:auto="false"
></mosowe-number-run>
<mosowe-button @click="addNumber">点我增加</mosowe-button>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const zoNumberRunRef = ref<any>(null);
const number = ref(12356);
setTimeout(() => {
zoNumberRunRef.value.start();
}, 1000);
const addNumber = () => {
number.value += 1;
};
</script>
<style lang="scss" scoped>
.number-run-page {
}
</style>