先放示例图:
思路是通过Animation动画来实现:
<u-button :custom-style="customStyle" shape="circle" @click="signUp">点击报名</u-button>
css:
button{width: 200px;height: 40px;margin: 40rpx auto 40rpx auto;animation: loader45 0.5s infinite cubic-bezier(0.215, 0.61, 0.355, 1);}@keyframes loader45 {0% {transform: scale(0.95);}50% {transform: scale(1.1);}100% {transform: scale(0.95);}}
以上代码即可实现,觉得有用可以留个言,嘿嘿~