jiuhaoshenghuo/public/statics/mp_view/pages/goods/lottery/template/template2.wxml

<view class="lucky-wheel data-v-47c93e45"><view class="header data-v-47c93e45" style="{{'background-image:'+('url('+image+')')+';'}}"><view style="{{'height:'+(getHeight.barTop+'px')+';'}}" class="data-v-47c93e45"></view><view style="{{'height:'+(getHeight.barHeight+'px')+';'}}" class="data-v-47c93e45"></view><view class="header-content data-v-47c93e45"><block wx:if="{{isContent}}"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="rules-button data-v-47c93e45" bindtap="__e">抽奖规则</view></block><block wx:if="{{$root.g0}}"><view class="marquee-wrapper data-v-47c93e45"><notice-bar vue-id="21a5806b-1" showMsg="{{userList}}" prefix="恭喜" class="data-v-47c93e45" bind:__l="__l"></notice-bar></view></block><view class="wheel-container data-v-47c93e45"><view class="wheel-panel data-v-47c93e45" style="{{'transform:'+('rotate('+rotateAngle+'deg)')+';'}}"><block wx:for="{{prizeList}}" wx:for-item="item" wx:for-index="index" wx:key="id"><view class="item data-v-47c93e45" style="{{'transform:'+('rotate('+index*360/8+'deg) skewY(-45deg)')+';'}}"></view></block></view><view class="wheel-prize data-v-47c93e45" style="{{'transform:'+('rotate('+rotateAngle+'deg)')+';'}}"><block wx:for="{{prizeList}}" wx:for-item="item" wx:for-index="index" wx:key="id"><view class="item data-v-47c93e45" style="{{'transform:'+('rotate('+(2*index+1)*360/8/2+'deg) translateX(-50%)')+';'}}"><view class="line1 data-v-47c93e45">{{item.name}}</view><image class="image data-v-47c93e45" src="{{item.image}}"></image></view></block></view><view class="wheel-point data-v-47c93e45"><view class="draw-button data-v-47c93e45" style="{{'background-image:'+('url('+imgHost+'/statics/images/lottery2.png)')+';'}}"></view><image class="hand data-v-47c93e45" src="{{imgHost+'/statics/images/lottery3.png'}}"></image><view data-event-opts="{{[['tap',[['getWiningIndex',['$event']]]]]}}" class="button data-v-47c93e45" bindtap="__e"></view></view></view><view class="number-wrapper data-v-47c93e45">你获得<text class="number data-v-47c93e45">{{lotteryNum+"次"}}</text>抽奖机会</view></view></view><view class="main-wrapper data-v-47c93e45"><block wx:if="{{$root.g1}}"><view class="record-wrapper data-v-47c93e45"><view class="wrapper-header acea-row row-center-wrapper data-v-47c93e45"><view class="title data-v-47c93e45" style="{{'background-image:'+('url('+imgHost+'/statics/images/lottery5.png),url('+imgHost+'/statics/images/lottery6.png)')+';'}}">中奖记录</view></view><scroll-view class="wrapper-main data-v-47c93e45" style="{{'background-image:'+('url('+imgHost+'/statics/images/lottery7.png)')+';'}}" scroll-y="true"><block wx:for="{{userList}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><view class="item data-v-47c93e45">恭喜<text class="mark data-v-47c93e45">{{item.user?item.user.nickname:'****'}}</text>获得<text class="mark data-v-47c93e45">{{item.prize.name}}</text></view></block></scroll-view></view></block><view class="prize-wrapper data-v-47c93e45"><view class="wrapper-header data-v-47c93e45"><view class="title-box acea-row row-middle data-v-47c93e45" style="{{'background-image:'+('url('+imgHost+'/statics/images/lottery8.png)')+';'}}"><view class="title data-v-47c93e45" style="{{'background-image:'+('url('+imgHost+'/statics/images/lottery5.png),url('+imgHost+'/statics/images/lottery6.png)')+';'}}">活动奖品</view></view></view><view class="wrapper-main data-v-47c93e45"><view class="list acea-row data-v-47c93e45"><block wx:for="{{prizeList}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><block wx:if="{{item.type!=1}}"><view class="item data-v-47c93e45"><view class="image-wrap data-v-47c93e45"><image class="image data-v-47c93e45" src="{{item.image}}"></image></view><view class="line2 data-v-47c93e45">{{item.name}}</view></view></block></block></view></view></view><block wx:if="{{$root.g2}}"><view class="prize-wrapper mine data-v-47c93e45"><view class="wrapper-header data-v-47c93e45"><view class="title-box acea-row row-middle data-v-47c93e45" style="{{'background-image:'+('url('+imgHost+'/statics/images/lottery9.png)')+';'}}"><view class="title data-v-47c93e45" style="{{'background-image:'+('url('+imgHost+'/statics/images/lottery5.png),url('+imgHost+'/statics/images/lottery6.png)')+';'}}">我的奖品</view></view></view><view class="wrapper-main data-v-47c93e45"><view class="list data-v-47c93e45"><view class="item th acea-row row-middle data-v-47c93e45"><view class="mark data-v-47c93e45">序号</view><view class="time data-v-47c93e45">获奖时间</view><view class="data-v-47c93e45">奖品名称</view></view><block wx:for="{{myList}}" wx:for-item="item" wx:for-index="index" wx:key="id"><view class="item acea-row row-middle data-v-47c93e45"><view class="mark data-v-47c93e45">{{index+1}}</view><view class="time data-v-47c93e45">{{item.add_time}}</view><view class="line1 data-v-47c93e45">{{item.prize.name}}</view></view></block></view></view></view></block><view class="safe-area-inset-bottom data-v-47c93e45"></view></view><block wx:if="{{rulesShow}}"><view data-event-opts="{{[['touchmove',[['moveHandle',['$event']]]]]}}" class="mask data-v-47c93e45" catchtouchmove="__e"></view></block><view data-event-opts="{{[['touchmove',[['moveHandle',['$event']]]]]}}" class="{{['rules-popup','data-v-47c93e45',(rulesShow)?'active':'']}}" catchtouchmove="__e"><view class="popup-top data-v-47c93e45"><view class="title data-v-47c93e45">抽奖规则</view></view><scroll-view class="popup-center data-v-47c93e45" scroll-y="true"><view class="data-v-47c93e45"><rich-text nodes="{{htmlData}}"></rich-text></view></scroll-view><view class="popup-bottom data-v-47c93e45"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="button acea-row row-center-wrapper data-v-47c93e45" bindtap="__e">我知道了</view></view></view></view>