本文出自：

http://blog.csdn.net/wyk304443164

小程式 animation 建立的animation 不能迴圈，所以我們直接使用 css的動畫，真搞不懂 為啥小程式還要搞一套這種動畫出來。。

<view class="bottom-container">
      <view class="view-container">
        <text>向下</text>
      </view>
    </view>

/*往下*/
    .bottom-container
 
 {
      height: ~"80rpx";
      position: relative;
      text-align: center;

      @keyframes spin {
        0% {
          opacity: .2;
          left: 0;
          top: 0;
        }
        50% {
          opacity: 1;
          left: 0;
          top: 12px;
        }
        100% {
          opacity: .2
 
;
          left: 0;
          top: 0;
        }
      }

      .view-container {
        position: absolute;
        margin-left: calc(~"50% - 10px");
        animation: spin 2.5s ease-in-out infinite;
      }
    }

so fucking easy!