spz-odometer 里程表动画

支持布局: container

何时使用

需要展示里程表动画时。

代码演示

基本用法

最基本的用法,当元素首次可见时,开始执行动画。

<spz-odometer start-value="0" end-value="20231212" layout="container" format="(,ddd).d"></spz-odometer>

属性

属性名说明类型默认值是否必需
start-value动画开始的数值number-是
end-value动画结束的数值number-是
duration动画时长,单位毫秒number2000否
format数字分隔的格式,例如format="(,ddd).d"string(,ddd).d否

AI 摘要(LLM Ready)

  • 组件标识:spz-odometer
  • 用途一句话:展示里程表动画。
  • 可识别属性条目:4
  • 可识别方法小节:0
  • 可识别事件小节:0
  • 关键属性名(Top):start-value、end-value、duration、format
  • 关键方法名(Top):无(待补充)
  • 关键事件名(Top):无(待补充)
  • 阅读顺序建议:先看「何时使用」与「代码演示」,再核对属性/方法/事件。
  • 关联文档:/guide/actions-and-events/ 、/guide/layouts/