# zhiyu

**Repository Path**: chen-moer/zhiyu

## Basic Information

- **Project Name**: zhiyu
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-23
- **Last Updated**: 2026-01-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 植物疗愈（zhiyu）项目说明

## 项目简介
一款基于 UniApp 开发的植物疗愈主题应用，通过 GIF 动图展示薰衣草、蓝雪花、茉莉花等疗愈植物，搭配舒缓背景音乐，结合问卷测评功能，为用户提供沉浸式心灵放松体验。

## 核心功能
1. **植物匹配**：通过问卷测评匹配最适合的疗愈植物
2. **沉浸式展示**：GIF 动图循环播放，搭配专属背景音乐
3. **植物详情**：展示每种植物的疗愈属性、功效描述
4. **互动操作**：支持植物切换、重新测评、生成分享海报
5. **简洁导航**：首页、匹配、我的三大模块快速切换

## 技术栈
- 框架：UniApp（多端适配）
- 开发语言：Vue.js
- 样式：Scss
- 资源格式：GIF 动图、MP3 音频

## 项目结构
```
zhiyu/
├── components/       # 通用组件
├── pages/            # 页面文件
│   ├── shouye/       # 首页
│   ├── questionnaire/# 问卷测评页
│   ├── match/        # 植物匹配结果页
│   ├── mine/         # 我的页面
│   └── share-poster/ # 海报生成页
├── static/           # 静态资源（GIF/音频/图片）
├── utils/            # 工具函数
├── App.vue           # 应用入口组件
├── main.js           # 入口文件
├── pages.json        # 页面路由配置
├── manifest.json     # 应用配置
└── uni.scss          # 全局样式变量
```

## 安装与运行
1. 克隆仓库
```bash
git clone https://gitee.com/chen-moer/zhiyu.git
```
2. 安装依赖
```bash
npm install
```
3. 运行项目（需安装 HBuilderX）
   - 打开 HBuilderX，导入项目
   - 选择运行终端（微信小程序/APP/浏览器）
   - 点击运行按钮即可启动

## 资源说明
- 静态资源存放于 `static` 目录，包含植物 GIF 动图、背景音乐
- 植物数据包含名称、拉丁名、疗愈属性、描述等信息
- 支持自定义添加新植物（需配置 GIF、音频及属性数据）

## 注意事项
1. 确保 GIF 动图路径正确，建议尺寸适配移动端显示
2. 音频文件需兼容多端播放格式（推荐 MP3）
3. 小程序端运行需配置微信开发者工具及 AppID
4. 避免上传 `node_modules`、`unpackage` 等构建产物（已配置 `.gitignore`）

## 扩展方向
1. 增加更多疗愈植物种类及专属内容
2. 优化音频播放体验（支持音量调节、定时关闭）
3. 新增用户收藏功能，保存喜欢的疗愈植物
4. 加入社区分享模块，交流疗愈体验
5. 适配更多终端（H5、APP、支付宝小程序等）