微信小程序 * 抽奖方式

体验小程序：

部分代码：

<view>

 

<view class="game-header" href="javascript:void(0);">

<image src="http://web.wddcn.com/wddxcx/dzd/images/game/1p.png" mode='widthFix'>

</image>

</view>

<view class="game-content">

<image src="http://web.wddcn.com/wddxcx/dzd/images/game/2p.png" mode='widthFix'>

</image>

<view class="game-goods-wrap">

<view class="game-goods-list">

<view class="game-goods" style="background: #ffffff;">

<view class="game-goods-box" id="game1">

<view class="game-goods-ul" style="transition-duration: {{listcss[0].dur}}ms;transform: translate(0px, -{{listcss[0].y}}px) translateZ(0px);">

<view wx:for="{{list[0].arr}}" style="text-align:center;height:{{list[0].game_list_h}}px" data-index="{{index}}" data-type="">

<image src="{{item.src}}" mode='widthFix' style='width:80%;height:80%;'>

</image>

</view>

</view>

</view>

</view>

<view class="game-goods" style="background: #ffffff;">

<view class="game-goods-box" id="game2">

<view class="game-goods-ul" style="transition-duration: {{listcss[1].dur}}ms;transform: translate(0px, -{{listcss[1].y}}px) translateZ(0px);">

<view wx:for="{{list[1].arr}}" style="text-align:center;height:{{list[1].game_list_h}}px" data-index="{{index}}" data-type="">

<image src="{{item.src}}" mode='widthFix' style='width:80%;height:80%;'>

</image>

</view>

</view>

</view>

</view>

<view class="game-goods" style="background: #ffffff;">

<view class="game-goods-box" id="game3">

<view class="game-goods-ul" style="transition-duration: {{listcss[2].dur}}ms;transform: translate(0px, -{{listcss[2].y}}px) translateZ(0px);">

<view wx:for="{{list[2].arr}}" style="text-align:center;height:{{list[2].game_list_h}}px" data-index="{{index}}" data-type="">

<image src="{{item.src}}" mode='widthFix' style='width:80%;height:80%;'>

</image>

</view>

</view>

</view>

</view>

</view>

</view>

<text class="game-rule" href="javascript:void(0);"></text>

<view class="game-btn" bindtap='start'></view>

<text class="game-prize" href="javascript:void(0);" js-href="/index/myActiveDraw"></text>

</view>

 

</view>

 

 

 

 如果是想要的效果。可加 QQ:425237929 发源码给你。或留言邮箱(需付费哦~)