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

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[] = [
    '一等奖:华为手机',
    '二等奖:智能手表',
    '三等奖:蓝牙耳机',
    '四等奖:充电宝',
    '五等奖:谢谢参与'

下期我们继续设计! 

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐