# cat-or-dog

**Repository Path**: tght1211/cat-or-dog

## Basic Information

- **Project Name**: cat-or-dog
- **Description**: 想要看猫咪还是狗狗？
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-17
- **Last Updated**: 2025-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 毛茸治愈站

这是一个治愈系H5应用，专为忙碌劳累的工作人士设计。通过浏览可爱的猫咪和狗狗照片，帮助你在紧张的工作间隙放松心情、缓解压力、给精神充电！

体验地址： https://cute.hulupet.cn

## 治愈功能

- 🐱 随机浏览治愈系猫咪照片
- 🐶 随机浏览开心狗狗照片
- 🐾 同时享受两种萌宠带来的治愈效果
- 💖 收藏最能给你带来治愈感的萌宠照片
- 🧘 在工作疲惫时，随时打开享受减压时刻
- 🔋 小萌宠们会为你的精神世界充电
- 📱 专为移动设备优化，随时随地治愈你
- 🎨 精美治愈系UI设计，视觉享受
- 💫 流畅的滑动交互，治愈你的指尖

## 使用方法

1. 工作累了？心情低落？打开治愈站！
2. 选择你想要查看的治愈系宠物类型：猫咪、狗狗或全都要
3. 向左滑动换一张新图片，向右滑动收藏治愈图片
4. 也可以使用底部的按钮进行相同操作
5. 你收藏的治愈照片会显示在底部的收藏区域，随时查看

## 技术实现

- 使用了原生HTML、CSS和JavaScript
- 调用了Dog CEO API和The Cat API获取随机萌宠图片
- 使用了Hammer.js实现流畅的滑动手势交互
- 使用localStorage存储用户的治愈收藏

## API来源

- 狗狗图片API: https://dog.ceo/api/breeds/image/random
- 猫咪图片API: https://api.thecatapi.com/v1/images/search?limit=1

## 本地运行

由于是纯前端项目，直接在浏览器中打开index.html即可运行，随时享受治愈时刻。

## 移动设备使用

在移动设备上访问时，请确保使用现代浏览器以获得最佳治愈体验。建议在工作休息时间打开，获得片刻的放松与充电。