微信小程序开发之大转盘抽奖

最新推荐文章于 2025-07-28 15:29:05 发布

晴天有点孤单

最新推荐文章于 2025-07-28 15:29:05 发布

阅读量1.7w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： # 微信小程序晴天有点孤单文章标签：小程序转盘抽奖

本文链接：https://blog.youkuaiyun.com/qq_39517820/article/details/79195754

上代码: 1.index.wxml

<view class="container-out">
  <view class="circle" wx:for="{
   
   {
   
   circleList}}" style="top:{
   
   {
   
   item.topCircle}}rpx;left:{
   
   {
   
   item.leftCircle}}rpx;background-color: {
   
   {(index%2==0)?colorCircleFirst:colorCircleSecond}};"></view>
  <view class="container-in">
    <view class="content-out" wx:for="{
   
   {
   
   awardList}}" style="top:{
   
   {
   
   item.topAward}}rpx;left:{
   
   {
   
   item.leftAward}}rpx;background-color: {
   
   {(index==indexSelect)?colorAwardSelect:colorAwardDefault}};">
      <image class="award-image" src="{
   
   {
   
   item.imageAward}}"></image>
    </view>
    <view class="start-btn" bindtap="startGame" style=" background-color:{
   
   {
   
   isRunning?'#e7930a':'#ffe400'}}">START</view>
  </view>
</view>