<view class="wrapper">

  <image class='title' src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190625044641412.png'></image> 
	<view class="main">
		<scroll-view class="canvas-container"  catchtouchmove="doNothing">
			<view  animation="{{animationData}}" class="canvas-content" >
				<canvas style="width: 300px; height: 300px;" class="canvas-element" canvas-id="lotteryCanvas"></canvas>

				<view class="canvas-line">
					<view class="canvas-litem" wx:for="{{awardsList}}" wx:key="unique" style="-webkit-transform: rotate({{item.lineTurn}});transform: rotate({{item.lineTurn}})"></view>
				</view>

				<view class="canvas-list">
					<view class="canvas-item" wx:for="{{awardsList}}" wx:key="unique">
				  		<view class="canvas-item-text" style="-webkit-transform: rotate({{item.turn}});transform: rotate({{item.turn}})">{{item.award}}</view>
					</view>
				</view>
			</view>

			<!-- <view bindtap="getLottery" class="canvas-btn {{btnDisabled}}">抽奖</view>		 -->
      <image src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190625044635899.png'  bindtap="{{btnname}}" class="canvas-btn {{btnDisabled}}" disabled="{{disabled}}"></image>
		</scroll-view>
    <view class='button_b'>
      <view class='button_b_l'>
          <text>{{remainingCount}}</text>
      </view>
      <view class='button_b_r' bindtap="gotoList">

      </view>
    </view>
	</view>

 
</view>

  <view class='explain' style="{{high == true ? 'margin-top: 125rpx;' :'margin-top: 300rpx'}}">
    <text>活动说明</text>
    <text id='mjltest'>{{lotteryRules}}</text>
  </view>