微信小程序轮盘抽奖完整代码

以下是一个简单的微信小程序轮盘抽奖的完整代码，供参考：

1. 在 `app.json` 中添加以下代码：

{
  "pages": [
    "pages/index/index"
  ],
  "window": {
    "navigationBarTitleText": "抽奖"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "抽奖"
    }]
  }
}

2. 在 `pages/index` 目录下创建 `index.wxml` 文件，添加以下代码：

<view class="container">
  <view class="roulette" style="transform: rotate({{rotate}}deg);">
    <image src="../../images/roulette.png" mode="widthFix" class="roulette-bg"></image>
    <view class="pointer" bindtap="start"></view>
  </view>
  <view class="result">{{result}}</view>
</view>

3. 在 `pages/index` 目录下创建 `index.js` 文件，添加以下代码：

Page({
  data: {
    rotate: 0,
    result: ''
  },

  start() {
    // 生成随机角度
    const rand = Math.floor(Math.random() * 360)
    // 计算最终角度
    const finalAngle = 3600 + rand
    // 旋转轮盘
    this.setData({
      rotate: finalAngle
    })
    // 显示抽奖结果
    setTimeout(() => {
      let result = ''
      if (rand >= 0 && rand < 60) {
        result = '恭喜获得一等奖！'
      } else if (rand >= 60 && rand < 120) {
        result = '恭喜获得二等奖！'
      } else if (rand >= 120 && rand < 180) {
        result = '恭喜获得三等奖！'
      } else if (rand >= 180 && rand < 240) {
        result = '恭喜获得四等奖！'
      } else if (rand >= 240 && rand < 300) {
        result = '恭喜获得五等奖！'
      } else if (rand >= 300 && rand < 360) {
        result = '恭喜获得六等奖！'
      }
      this.setData({
        result: result
      })
    }, 5000)
  }
})

4. 在 `pages/index` 目录下创建 `index.wxss` 文件，添加以下代码：

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.roulette {
  position: relative;
  width: 300px;
  height: 300px;
}

.roulette-bg {
  width: 100%;
  height: 100%;
}

.pointer {
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f00;
  cursor: pointer;
}

.result {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #f00;
}

5. 在 `images` 目录下添加 `roulette.png` 轮盘图片。

这样就完成了一个简单的微信小程序轮盘抽奖的代码。