一、首先在wxml文件中寫一個圖片的存放位置：

<image src="/images/heart_scale.png" class="heart"/> // src是圖片路徑，可自己更改

二、最后設置一下圖片的樣式以及動畫：

@[keyframes]中的關(guān)鍵幀參數(shù)可根據(jù)需要進行修改

.heart {
  animation-name: scaleDraw; /*關(guān)鍵幀名稱*/
  animation-timing-function: ease-in-out; /*動畫的速度曲線*/
  animation-iteration-count: infinite; /*動畫播放的次數(shù)*/
  animation-duration: 2s; /*動畫所花費的時間*/
}
@keyframes scaleDraw {
  /*定義關(guān)鍵幀、scaleDrew是需要綁定到選擇器的關(guān)鍵幀名稱*/
  0% {
    transform: scale(1); /*開始為原始大小*/
  }
  25% {
    transform: scale(1.05); /*放大1.1倍*/
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.05);
  }
}

轉(zhuǎn)載自：https://blog.csdn.net/qq_58800537/article/details/132122552