ypg-xcx/pages/activity/luckywheel/luckywheel.wxml

<view class="wrapper">

	<view class="header">
		<text class="header-title"> 幸运大转盘 </text>
		<text class="header-subtitle">  云得集团年会大抽奖 祝您猪年行大运 </text> 
	</view>
	<view class="main">
		<view class="canvas-container">
			<view  animation="{{animationData}}" class="canvas-content" >
				<!-- <canvas style="width: 300px; height: 300px;" class="canvas-element" canvas-id="lotteryCanvas"></canvas> -->
				<view class="canvas-list" wx:for="{{awardsList}}" wx:key="unique">
					<view class="canvas-item">
				  	<view class="canvas-item-text" style="-webkit-transform: rotate({{item.turn}});transform: rotate({{item.turn}})">{{item.award}}</view>
					</view>
				</view>
			</view>
			<view bindtap="startLottery" class="canvas-btn {{btnDisabled}}">抽奖</view>		
		</view>
		<view class="main-container">
      <view class="phone">
        <text class="">您的手机号是（{{mobile}}）</text>
      </view>
			<view class="main-container-btn">
        <view class="tip" wx:if="{{record.length > 0}}" wx:for="{{record}}" wx:key="{{index}}">
        第<text >{{index+1}}</text>轮您抽中了"<text >{{awardsConfig[item.ranking - 1].name}}</text>"!
          <text ></text>
        </view>
			</view>
			<view class="main-container-rule">
				<text class="main-rule-title">活动规则：</text>
				<text class="main-rule-item">1、本活动仅限年会人员参加，每人每轮有一次机会，共三轮。</text>
				<text class="main-rule-item">2、凭小程序绑定手机尾号领奖、工作人员将现场发放奖励。</text>	
				<text class="main-rule-item">3、奖等信息：一等奖“你要发”1名(118元)；二等奖“路路顺”2名(66元)；三等奖“一定发”3名(18元)；四等奖“财运来”10名(8元)；五等奖“好运来”若干(3元)。</text>	
				<text class="main-rule-item">4、奖品将以现金红包形式发放。</text>	
				<text class="main-rule-item">5、本活动最终解释权归云得集团所有。</text>	
			</view>	
		</view>
	</view>
</view>