抖音小程序 - 投票
一套原生抖音小程序投票应用源码，纯前端无后端。支持创建单选/多选投票、实时进度条结果展示、热门排行与主题换肤，数据本地持久化，开箱即用。
￥1.99
原价 ￥0.00
商品详情介绍
商品详情介绍
抖音小程序 - 投票
一套高颜值、开箱即用的投票小程序源码。纯前端实现，无后端依赖，界面与业务全部原创，可直接在抖音开发者工具中导入运行。
一、产品简介
「投票」是一款面向团队协作、活动决策、意见征集、趣味调研等场景的在线投票工具。用户可在小程序内浏览投票、参与投票（单选/多选）、查看实时进度条结果，也能一键发起投票，并在排行榜查看热度榜/票数榜/最新榜。整体设计以渐变色彩 + 卡片化布局 + 流畅微交互为核心，强调「活力、清晰、好用」的视觉与体验。
二、核心功能
🏠 首页
- 渐变 Hero 区：投票圈定位、用户头像、问候语、投票总数 / 进行中 / 总票数实时统计；
- 快捷发起：一键创建全新投票；
- 搜索：按标题 / 描述关键词检索；
- 热门 TOP：按热度排名前三的投票卡片，带奖牌图标；
- 分类筛选：全部 / 设计 / 产品 / 生活 / 美食 / 内容；
- 投票网格：两列卡片（严格两列，适配所有机型），渐变封面、票数、选项数、发起人、截止时间。
✅ 投票详情
- 渐变头部卡：标题、说明、票数、选项数、截止时间；
- 发起人信息：头像、名称、创建时间、参与状态；
- 选项列表：单选（圆形单选框）/ 多选（方形多选框），点击即时高亮选中；
- 投票后实时结果：每项百分比 + 渐变进度条 + 票数 + 领先标识；
- 已结束投票：直接展示结果，不显示选择框，点击提示「投票已结束」；
- 成功弹层：投票成功动画反馈。
📝 发起投票
- 投票标题 / 描述输入；
- 单选 / 多选类型切换卡片；
- 动态增删选项（2-8 个），带序号标识；
- 分类选择、截止日期选择；
- 必填校验，一键发起。
🏆 排行榜
- 领奖台：前三名 podium 展示（金银铜配色），第一名带皇冠；
- Tab 切换：热度榜 / 票数榜 / 最新；
- 第 4 名及以后列表卡片。
👤 我的
- 用户资料卡、创建/参与统计；
- 5 套个性主题实时换肤（活力紫 / 晚霞橙 / 海洋蓝 / 森林绿 / 玫瑰红）；
- 我创建的 / 我参与的双 Tab 列表。
三、使用场景
| 场景 | 说明 |
|---|---|
| 团队协作 | 产品功能优先级投票、设计稿评审、团建活动选定 |
| 活动决策 | 年会场地、团建项目、下午茶选择 |
| 意见征集 | 专栏选题、社区话题、用户调研 |
| 趣味调研 | 美食偏好、生活话题、热点讨论 |
四、技术特点
- 纯前端、零接口：数据本地持久化（
tt.setStorageSync），导入即用； - 原生抖音小程序：TTML + TTSS + JS，非跨端框架；
- 彩色 PNG 图标：基于 IconPark SVG 改色后用 sharp 批量转换为 96px PNG，9 套颜色，与主题统一；
- 无 scroll-view：全部使用原生 view + flex/inline-block 布局；
- 严格两列网格：inline-block + width:50%，所有机型每行稳定显示 2 个卡片；
- 5 套主题实时换肤：事件总线驱动全局更新；
- 版本号缓存刷新：APP_VER 变更即清空旧缓存，真机调试永远最新；
- 自适应布局：rpx + flex + 安全区适配。
五、交付内容
| 内容 | 说明 |
|---|---|
| 📦 完整源码（zip） | 含全部页面、组件、彩色图标，可直接导入抖音开发者工具 |
| 📄 项目标题文档 | 1_项目标题.txt |
| 📄 源码摘要文档 | 2_源码摘要.txt |
| 📄 商品详情介绍 | 3_商品详情介绍.md（本文件） |
运行步骤
- 下载并解压源码 zip；
- 打开「抖音开发者工具」，选择「导入项目」；
- 项目目录指向解压后的工程根目录（含
app.json）； - 填入您的
AppID（或使用测试号）； - 点击编译，即可体验全部功能。
六、适用对象
- 想要快速上线投票/调研能力的企业 / 团队；
- 需要高质量抖音小程序 UI 参考的开发者；
- 学习小程序原生开发、自定义组件、动画与状态管理的开发者。
本项目界面与业务均为原创，可在此基础上自由二次开发与商用。所有公司名 / 人名均为「某某」占位，无任何真实信息。