微信小程序实现转盘抽奖

微信小程序实现转盘抽奖微信小程序实现转盘抽奖

主要为大家详细介绍了微信小程序实现转盘抽奖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴

趣的小伙伴们可以参考一下

本文实例为大家分享了微信小程序实现转盘抽奖的具体代码，供大家参考，具体内容如下

效果图如下所示

.wxml

<view class="index">

<view class="xian"></view>

<view class="detail">五等奖</view>

<view class="detail">六等奖</view>

<span bindtap="zhuanin" style="transform:rotate({{trasn}}deg);"></span>

</view>

.wxss

.index{

width: 300px;

margin: 50rpx calc((100% - 300px) / 2);

border:1px solid #ffcccc;

border-radius: 50%;

width:300px;

height:1px;

background:#d6d6d6;

position:absolute;

top:150px;

left:0;

}

.index>.xian:nth-child(2){

transform:rotateZ(60deg)

}