# 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 依赖