先看效果:
组件属性:
waveNum = 1; // 设置显示的波浪数量,只有1和2两个值, 最多只有两条波浪在动
waveStatus = true; // 设置动画运行状态 true:动画在运行 false: 动画暂停
background = '#7ec0eb'; // 设置波浪的颜色 默认蓝色
引用:
<!-- .wxml -->
// 可以在外层加一层view 设置他的宽度,
<view class='wave'>
<wave waveNum='1' waveStatus='true' background='#7ec0eb' />
</view>
<!-- .json -->
"usingComponents": {
"wave": "/component/wave/wave"
}
GitHub地址:
需要的抬走!