challengeFamily/pages/turntable/index.wxml

<view class="content {{theam}}">
  <view class="turnTable paddingBox">
    <view class="prizeRule" data-name="rules" bindtap="openPrizeDetail">活动规则></view>
    <view class="title_pic_change" wx:if="{{tablePageInfo.titleLogo}}">
      <image src="{{tablePageInfo.titleLogo}}" mode="widthFix" style="width:70%"></image>
    </view>
    <view class="title_pic" wx:else></view>
    <view class="prize_table" style="height:{{tableSize}}px">
      <view class="table" style="width:{{tableSize}}px;height:{{tableSize}}px">
        <view class="point_radius center_public">
          <view class="rad" wx:for="{{9}}" wx:for-index="i" wx:key="index" style="transform: rotate({{0+40*i}}deg)">
            <view class="point yelloPoint"></view>
            <view class="point writePoint"></view>
          </view>
        </view>
        <view class="canvas-content center_public" style="height:calc({{tableSize}}px - 35px);width:calc({{tableSize}}px - 35px)" animation="{{animationData}}">
          <view class="canvas-line center_public">
            <view class="canvas-litem" style="" wx:for="{{awardsList}}" wx:key="unique" style="height:{{(tableSize-35)/2}}px;transform-origin:50% {{(tableSize-35)/2}}px;-webkit-transform-origin: 50% {{(tableSize-35)/2}}px;left:{{(tableSize-35)/2}}px;-webkit-transform: rotate({{item.lineTurn}});transform: rotate({{item.lineTurn}})"></view>
          </view>
          <view class="canvas-list center_public">
            <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}});transform-origin: 50% {{(tableSize-35)/2}}px;-webkit-transform-origin: 50% {{(tableSize-35)/2}}px;width:{{360/awardsList.length*(tableSize-35)/180+10}}px">
                  <view class="pize_name" style="font-size:{{item.showWheelLogo?'22rpx':'30rpx'}}">{{item.award}}</view>
                  <view class="prize_pic" wx:if="{{item.showWheelLogo}}" style="width:{{360/awardsList.length*(tableSize-35)/180-20}}px;">
                    <image src="{{item.url}}" mode="widthFix"></image>
                  </view>
                </view>
            </view>
          </view>
        </view>
        <view bindtap="getPrize" class="canvas-btn center_public {{btnDisabled}}">
          <view class="InnerRing center_public {{btnDisabled}}">
            <text class="center_public {{btnDisabled}}">GO</text>
          </view>
        </view>
      </view>
    <view class="logo_pic"></view>
    <view class="theam_pic" wx:if="{{theam=='blueContent'}}"></view>
    </view>
    <view class="drawInfo">
      <view>您还有 <text class="redPrize">{{tablePageInfo.actnum}}</text> 次机会</view>
      <view wx:if="{{tablePageInfo.showPnum}}">已有 {{tablePageInfo.attendedNum}} 人参加</view>
    </view>
    <view class="btn">
      <button type="warn" plain="true" bindtap="getMoreChange"><text class="icon icon-more-times"></text> 获取机会 </button>
      <button type="warn" plain="true" bindtap="jumpRecord"><text class="icon icon-courteous"></text> 中奖纪录 </button>
      <button type="warn" open-type="share"><text class="icon icon-invite-friend"></text> 邀请好友 </button>
    </view>
  </view>
  <view class="prize_Person_list paddingBox">
    <view class="bgView">
      <view class="list_top">
        <view class="person_list">中奖名单</view>
        <scroll-view class="scroll" scroll-y style="height: 300rpx;" enhanced="{{true}}" show-scrollbar="false" scroll-with-animation scroll-into-view="{{scrollIndex}}">
          <view class="person_info" id="{{'view'+index}}" wx:for="{{winPrizeList}}" wx:key="index">
            <view class="headImg">
              <image wx:if="{{item.avatar}}" src="{{item.avatar}}"></image>
            </view>
            <view class="nickName">{{item.nickname}}</view>
            <view class="redPrize">抽中了</view>
            <view class="award">{{item.title}}</view>
          </view>
        </scroll-view>
      </view>
      <view class="list_bottom"></view>
    </view>
  </view>
  <view class="prize_list paddingBox">
    <view class="person_list">奖品清单</view>
    <view class="prize" wx:for="{{PrizeList}}" wx:key="index" data-name="award" data-item="{{item}}" bindtap="{{item.showDetail==1?'openPrizeDetail':''}}">
      <view class="no1_icon" wx:if="{{index==0}}"></view>
      <view class="prize_info">
        <view class="left">
          <image src="{{item.logo}}"></image>
        </view>
        <view class="right">
          <view class="price_Ranking fontWei">{{item.title}} X{{item.showNum}}</view>
          <view class="price_name">{{item.mtitle}}</view>
        </view>
      </view>
      <view class="bottomStyle"></view>
    </view>
    <view class="list_bottom_pic">
      <image src="http://img.bbztx.com/image_test/upload/thumbs/20210226/logo/1614327118034040663.png" mode="widthFix"></image>
    </view>
  </view>
</view>
<tableStatus theam="{{theam}}" status="{{status}}" show="{{showtableStatus}}" bind:close="closeTip" bind:getMoreChange="getMoreChange"></tableStatus>
<downTimer isPrizetable listData="{{winPrizeList}}" source="1" aid="c7f3a12e-fbd8-4760-b808-e3a7e8996d5a"></downTimer>
<sendAddress theam="{{theam}}" show="{{showAddress}}" prizeId="{{prizeId}}" bind:close="closeTip"></sendAddress>
<noticePopup theam="{{theam}}" show="{{showPrizePopup}}" prizeInfo="{{winPrizeInfo}}" bind:close="closeTip" bind:tryAgain="tryAgain" bind:inputAddress="inputAddress"></noticePopup>
<activeRules theam="{{theam}}" wheelId="{{wheelId}}" show="{{showRulesPopup}}" bind:close="closeTip"></activeRules>
<awardPopup theam="{{theam}}" prizeInfo="{{prizeInfo}}" show="{{showAwardPopup}}" bind:close="closeTip"></awardPopup>