index.wxml 5.8 KB

1
  1. <view class="app-layout data-v-7f8db958"><app-layout vue-id="7229f2ae-1" haveBackground="{{false}}" class="data-v-7f8db958" bind:__l="__l" vue-slots="{{['default']}}"><view class="pond data-v-7f8db958"><view class="pond-head data-v-7f8db958" style="{{'background-image:'+('url('+setting.bg_pic+')')+';'}}"><view data-event-opts="{{[['tap',[['rules',['$event']]]]]}}" class="p-b data-v-7f8db958" bindtap="__e">规则</view><view data-event-opts="{{[['tap',[['share',['$event']]]]]}}" class="p-b data-v-7f8db958" bindtap="__e">分享</view><app-share-qr-code-poster vue-id="{{('7229f2ae-2')+','+('7229f2ae-1')}}" url="{{poster}}" title="生成海报" value="{{shareShow}}" data-event-opts="{{[['^share',[['hShareAppMessage']]],['^input',[['__set_model',['','shareShow','$event',[]]]]]]}}" bind:share="__e" bind:input="__e" class="data-v-7f8db958" bind:__l="__l"></app-share-qr-code-poster></view><view class="pond-oppty data-v-7f8db958"><view class="data-v-7f8db958">您还有<text class="data-v-7f8db958">{{oppty}}</text>次抽奖机会</view></view><view class="pond-box data-v-7f8db958" style="{{'height:'+('calc(100vh - 480rpx - '+(' '+platHeight+' ')+' - '+(''+bottomHeight)+'rpx)')+';'+('background:'+('linear-gradient('+setting.bg_color+', '+(setting.bg_color_type==='gradient'?setting.bg_gradient_color:setting.bg_color)+')')+';')}}"><view class="container-out data-v-7f8db958"><block wx:for="{{circleList}}" wx:for-item="v" wx:for-index="i" wx:key="i"><view class="container-circle data-v-7f8db958" style="{{'top:'+(v.topCircle)+';'+('left:'+(v.leftCircle)+';')+('background:'+(i%2===0?colorCircleFirst:colorCircleSecond)+';')}}"></view></block><view class="container-in data-v-7f8db958"><block wx:for="{{awardList}}" wx:for-item="v" wx:for-index="i" wx:key="i"><view class="content-out data-v-7f8db958" style="{{'top:'+(v.topAward)+';'+('left:'+(v.leftAward)+';')+('background:'+(i==indexSelect?colorAwardSelect:colorAwardDefault)+';')}}"><image class="img data-v-7f8db958" src="{{v.image_url}}" mode="aspectFit" load-lazy="{{true}}"></image><view class="name data-v-7f8db958">{{v.name}}</view></view></block><view data-event-opts="{{[['tap',[['startGame',['$event']]]]]}}" class="start-btn data-v-7f8db958" bindtap="__e"><image class="pond-start1 data-v-7f8db958" src="/static/image/pond-button.png" load-lazy="{{true}}"></image><block wx:if="{{setting.deplete_integral_num>0}}"><block class="data-v-7f8db958"><view class="pond-start2 data-v-7f8db958" animation="{{animationData}}"><image src="./../image/pond-register.png" load-lazy="{{true}}" class="data-v-7f8db958"></image></view><view class="main-center pond-register data-v-7f8db958"><view animation="{{animationData}}" class="data-v-7f8db958">{{'-'+setting.deplete_integral_num+'积分'}}</view></view></block></block><block wx:else><image class="pond-start3 data-v-7f8db958" src="/static/image/pond-start.png" animation="{{animationData}}" load-lazy="{{true}}"></image></block></view></view></view><view class="dir-left-nowrap main-center cross-center end data-v-7f8db958"><view data-event-opts="{{[['tap',[['home',['$event']]]]]}}" class="dir-left-nowrap cross-center box-grow-0 left data-v-7f8db958" bindtap="__e"><icon class="end-icon home data-v-7f8db958" type="{{true}}"></icon><view class="data-v-7f8db958">回到首页</view></view><view data-event-opts="{{[['tap',[['prize',['$event']]]]]}}" class="dir-left-nowrap cross-center box-grow-0 data-v-7f8db958" bindtap="__e"><view class="data-v-7f8db958">我的中奖记录</view><icon class="end-icon price data-v-7f8db958" type="{{true}}"></icon></view></view></view></view><block wx:if="{{status==2}}"><view class="data-v-7f8db958"><view class="act-modal data-v-7f8db958"><view class="act-modal-bg data-v-7f8db958"></view><view class="act-modal-pic cross-center main-center data-v-7f8db958"><view class="act-modal-info success data-v-7f8db958"><icon class="image-bg data-v-7f8db958" style="{{'background-image:'+('url('+appImg.pond_success+')')+';'}}">type></icon><view data-event-opts="{{[['tap',[['closeActModal',['$event']]]]]}}" bindtap="__e" class="data-v-7f8db958"><icon class="image-close data-v-7f8db958" type="{{true}}"></icon></view><view class="main-center h5-limit data-v-7f8db958"><text class="text data-v-7f8db958">{{"恭喜\n抽中"+name}}</text></view><view class="main-center data-v-7f8db958"><view class="box main-center data-v-7f8db958"><app-button vue-id="{{('7229f2ae-3')+','+('7229f2ae-1')}}" color="#FFFFFF" background="#FF4544" font-size="32" border-color="#FF4544" height="80" width="480" round="{{true}}" data-event-opts="{{[['^click',[['closeActModal']]]]}}" bind:click="__e" class="data-v-7f8db958" bind:__l="__l" vue-slots="{{['default']}}">继续抽奖</app-button></view></view></view></view></view></view></block><block wx:if="{{status==1}}"><view class="data-v-7f8db958"><view class="act-modal show data-v-7f8db958"><view class="act-modal-bg data-v-7f8db958"></view><view class="act-modal-pic cross-center main-center data-v-7f8db958"><view class="act-modal-info error data-v-7f8db958"><icon class="image-bg data-v-7f8db958" style="{{'background-image:'+('url('+appImg.pond_empty+')')+';'}}">type></icon><view data-event-opts="{{[['tap',[['closeActModal',['$event']]]]]}}" bindtap="__e" class="data-v-7f8db958"><icon class="image-close data-v-7f8db958" type="{{true}}"></icon></view><view class="main-center data-v-7f8db958"><text class="text data-v-7f8db958">谢谢参与\n再换个姿势抽奖</text></view><view class="main-center data-v-7f8db958"><view class="box main-center data-v-7f8db958"><app-button vue-id="{{('7229f2ae-4')+','+('7229f2ae-1')}}" color="#FFFFFF" background="#FF4544" font-size="32" border-color="#FF4544" height="80" width="480" round="{{true}}" data-event-opts="{{[['^click',[['closeActModal']]]]}}" bind:click="__e" class="data-v-7f8db958" bind:__l="__l" vue-slots="{{['default']}}">继续抽奖</app-button></view></view></view></view></view></view></block></app-layout></view>