"绿色足迹"是一款面向高校师生的低碳出行与生活服务平台小程序,旨在通过科技手段促进校园低碳出行,培养师生环保意识,构建绿色校园生态。
- 提供便捷的校园低碳出行方案
- 记录用户碳减排数据,量化环保贡献
- 建立校园低碳生活社区
- 通过积分激励措施鼓励持续参与
- 页面数量:4个
- 功能总数:10个
- 界面要求:美观、科技感
- 代码要求:精简、可上线
- 显示今日碳减排量
- 显示累计碳减排量
- 可视化数据图表(环形进度条)
- 碳减排等级标识
- 一键开启出行记录
- 实时定位显示
- 出行方式选择(步行、骑行)
- 开始/结束出行记录按钮
- 每日低碳任务推送
- 任务完成状态显示
- 任务奖励预览
- 一键领取奖励
- 历史出行列表
- 出行详情(时间、距离、碳减排)
- 出行轨迹地图展示
- 数据统计分析
- 校园内路线推荐
- 低碳出行路线优化
- 实时导航指引
- 预估碳减排计算
- 当前可用积分显示
- 积分获取记录
- 积分等级体系
- 排行榜展示
- 环保商品分类展示
- 商品详情页面
- 商品图片轮播
- 库存状态显示
- 一键兑换功能
- 兑换记录查询
- 物流跟踪
- 兑换规则说明
- 用户基本信息
- 碳减排成就徽章
- 环保等级展示
- 数据统计汇总
- 消息通知设置
- 隐私权限管理
- 清除缓存
- 反馈与帮助
- 界面设计:采用科技感配色(主色调:科技蓝、生态绿)
- 交互流畅:页面切换动画,加载状态提示
- 操作简便:主要功能一键可达
- 视觉反馈:丰富的动效和状态提示
- 启动时间:≤2秒
- 页面响应:≤1秒
- 数据加载:≤3秒
- 内存占用:≤50MB
- 前端框架:微信小程序原生开发
- 地图服务:腾讯微信位置服务
- 数据存储:微信云开发
- 图片资源:CDN加速
- 适配主流屏幕尺寸
- 支持微信8.0+版本
-
色彩体系:
- 主色:#1AAD19(环保绿)
- 辅色:#0081FF(科技蓝)
- 背景色:#F5F7FA
- 文字色:#333333、#666666、#999999
-
字体规范:
- 标题:32rpx,加粗
- 正文:28rpx,常规
- 辅助文字:24rpx,浅色
- 按钮:圆角8rpx,渐变背景
- 卡片:阴影效果,圆角12rpx
- 图标:线性图标,统一风格
- 导航:底部Tabbar,图标+文字
{
"userInfo": {
"avatar": "string",
"nickname": "string",
"campus": "string",
"carbonLevel": "number"
},
"carbonData": {
"todayReduction": "number",
"totalReduction": "number",
"currentPoints": "number"
}
}{
"travelRecord": {
"id": "string",
"startTime": "timestamp",
"endTime": "timestamp",
"distance": "number",
"carbonReduction": "number",
"route": "array"
}
}{
"product": {
"id": "string",
"name": "string",
"description": "string",
"pointsRequired": "number",
"stock": "number",
"images": "array",
"category": "string"
}
}- 步行出行:1积分/公里
- 骑行出行:2积分/公里
- 完成任务:5-20积分/任务
- 连续签到:累计积分奖励
- 积分有效期:1年
- 兑换限制:部分商品限时限量
- 退换政策:虚拟商品不支持退换
- 环保袋、水杯等实用物品
- 校园文创产品
- 电子优惠券
- 环保公益活动名额
- 用户隐私数据加密存储
- 敏感操作需要授权确认
- 数据传输使用HTTPS加密
- 位置权限:出行记录必需
- 通知权限:消息推送
- 用户信息:微信授权获取
- 微信开发者工具
- Node.js 14+
- 微信云开发环境
- 微信调试基础库版本:3.10.0
- 云开发平台环境ID:cloud1-2gc4gmqjb38e7182
- 云函数运行环境:NodeJS 16.13
- 代码包大小:≤1.5MB
- 通过微信审核
- 服务器资源准备就绪
注:本需求文档将作为后续技术文档开发的基础,所有功能描述和约束条件需要在技术实现阶段严格遵守。