基于Uni-app的转盘小应用

转盘抽奖应用

基于uni-app开发的转盘抽奖应用，支持自定义奖项和概率设置，可打包为安卓APK。

功能特点

• • 🎯 美观的转盘抽奖界面
• • ⚙️ 悬浮设置按钮，随时自定义奖项
• • 🎨 支持自定义奖项名称、概率和颜色
• • 📊 实时显示概率总和统计
• • 💾 本地存储设置，数据不丢失
• • 📱 支持打包为安卓APK

技术栈

• • 框架: uni-app (Vue.js)
• • 语言: JavaScript (非TypeScript)
• • 样式: CSS3 + Flexbox + Grid
• • 打包: HBuilderX

项目结构

zhuanpan/├── pages/│   ├── index/           # 抽奖主页│   └── settings/        # 设置页面├── static/              # 静态资源├── App.vue             # 根组件├── main.js             # 入口文件├── manifest.json       # 应用配置├── pages.json          # 页面配置├── package.json        # 项目配置└── vue.config.js     # 构建配置

使用说明

开发环境

1. 1. 安装HBuilderX
2. 2. 打开项目文件夹
3. 3. 运行到浏览器或真机调试

自定义设置

1. 1. 点击右上角的⚙️设置按钮
2. 2. 添加/删除奖项
3. 3. 设置奖项名称、概率和颜色
4. 4. 确保概率总和为100%
5. 5. 保存设置

打包APK

1. 1. 在HBuilderX中点击”发行”
2. 2. 选择”原生App-云打包”
3. 3. 选择安卓证书
4. 4. 等待云端打包完成
5. 5. 下载APK文件

默认奖项

• • 一等奖 (5%)
• • 二等奖 (10%)
• • 三等奖 (15%)
• • 谢谢参与 (30%)
• • 小礼品 (20%)
• • 优惠券 (20%)

注意事项

• • 概率总和必须为100%
• • 至少需要保留2个奖项
• • 最多支持12个奖项
• • 奖项名称限制10个字符

更新日志

v1.0.0

• • 初始版本发布
• • 基础转盘抽奖功能
• • 自定义奖项和概率设置
• • 安卓APK打包支持

示例图