2.2HarmonyOS NEXT 抽奖项目实战：项目设计(1）

打开鸿蒙项目前一定要开启管理员运行，这是基本项目运行！

1. 项目结构

首先，确保你的鸿蒙项目结构如下：

RandomLottery/
├── entry/
│   ├── src/
│   │   ├── main/
│   │   │   ├── ets/
│   │   │   │   ├── pages/
│   │   │   │   │   ├── Index.ets
│   │   │   ├── resources/
│   │   │   │   ├── base/
│   │   │   │   │   ├── element/
│   │   │   │   │   │   ├── string.json
│   │   │   │   │   ├── media/
│   │   │   │   │   │   ├── background.png
│   │   │   │   │   │   ├── button.png

1. 界面显示一个标题“随机抽奖系统”。

2. 中间显示当前抽中的奖品，初始为“点击抽奖”。

3. 点击“开始抽奖”按钮后，按钮变为“抽奖中...”，并且奖品名称会快速变化。

4. 抽奖结束后，显示最终抽中的奖品。

头代码：

@Entry
@Component
struct Index {
  @State private prize: string = '点击抽奖'
  @State private isDrawing: boolean = false

  private prizes: string[] = [
    '一等奖：华为手机',
    '二等奖：智能手表',
    '三等奖：蓝牙耳机',
    '四等奖：充电宝',
    '五等奖：谢谢参与'

下期我们继续设计!