# kidsland **Repository Path**: htmlwriter/kidsland ## Basic Information - **Project Name**: kidsland - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-03-22 - **Last Updated**: 2026-03-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README 习惯岛屿 - 微信小程序原生版本 ================================ 项目结构: wechat-miniprogram/ ├── app.js # 小程序入口 ├── app.json # 全局配置(页面路由、tabBar等) ├── app.wxss # 全局样式(动画、通用类) ├── project.config.json # 项目配置 ├── sitemap.json # 站点地图 ├── utils/ │ └── store.js # 数据存储、状态管理、常量定义 ├── pages/ │ ├── splash/ # 启动页(logo展示 → 自动跳转) │ │ ├── splash.wxml │ │ ├── splash.wxss │ │ ├── splash.js │ │ └── splash.json │ ├── onboarding/ # 引导页(欢迎 → 选年龄 → 选习惯) │ │ ├── onboarding.wxml │ │ ├── onboarding.wxss │ │ ├── onboarding.js │ │ └── onboarding.json │ ├── island/ # 主页 - 习惯岛(TabBar页) │ │ ├── island.wxml │ │ ├── island.wxss │ │ ├── island.js │ │ └── island.json │ ├── progress/ # 成长页 - 进度统计(TabBar页) │ │ ├── progress.wxml │ │ ├── progress.wxss │ │ ├── progress.js │ │ └── progress.json │ └── reward/ # 奖励中心 - 扭蛋/兑换/收藏(TabBar页) │ ├── reward.wxml │ ├── reward.wxss │ ├── reward.js │ └── reward.json └── images/ # tabBar 图标(需自行添加) ├── tab-island.png ├── tab-island-active.png ├── tab-progress.png ├── tab-progress-active.png ├── tab-reward.png └── tab-reward-active.png 使用方法: 1. 打开微信开发者工具 2. 导入项目,选择 wechat-miniprogram 文件夹 3. 在 project.config.json 中替换 appid 为你自己的小程序 AppID 4. 添加 tabBar 图标到 images/ 文件夹(建议 81x81 px) 5. 编译运行即可 注意事项: - 数据通过 wx.setStorageSync / wx.getStorageSync 本地持久化 - tabBar 图标需要自行准备 PNG 图片(不支持 SVG) - 本项目使用纯原生微信小程序语法,无需 npm 依赖