<view class="rainner-root">
  <!-- Trailer -->
  <view wx:if="{{start}}" class="trailerMask">
    <view class="trailer">
      <view class="count">{{trailerCount}}</view>
    </view>
  </view>

  <!-- Rain -->
  <view wx:if="{{visible}}" class="rain">
    <view class="countdown">
      <view class="text-container">
        <text class="text">剩余时间</text>
      </view>
      <view class="count">{{rainCount}}</view>
    </view>

    <view class="hongBaoWrap">
      <view class="hongBao {{hongBaoCount === 0 ? 'toda' : ''}} {{hongBaoActive ? 'active' : ''}}">
        <view class="content">
          <view class="title">拼手速抢红包</view>
          <view class="count">{{hongBaoCount > 0 ? '+' + hongBaoCount : ''}}</view>
        </view>
        <view class="btn" catchtap="onHongBaoClick">
          抢
          <view class="border"></view>
        </view>
      </view>
    </view>

    <canvas type="2d" id="rain-canvas" class="rain-canvas"></canvas>
  </view>
</view>
