# ChatCountBook

**Repository Path**: user_home/chat-count-book

## Basic Information

- **Project Name**: ChatCountBook
- **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-20
- **Last Updated**: 2026-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ChatCountBook

记账助手 - 基于 uni-app + Vue 3 + Pinia 的跨端记账应用

## 简介

ChatCountBook 是一款简洁实用的记账应用，采用聊天界面形式进行记账，支持多端运行（H5、小程序、App）。

## 技术栈

- **前端框架**: Vue 3 (Composition API)
- **跨端框架**: uni-app
- **状态管理**: Pinia + pinia-plugin-unistorage
- **图表**: ECharts + vue-echarts
- **样式**: SCSS

## 项目结构

```
ChatCountBook/
├── pages/                  # 页面目录
│   ├── chat/              # 聊天记账页面
│   ├── detail/            # 账单明细页面
│   ├── statistics/        # 统计页面
│   ├── my/               # 我的页面
│   └── login/            # 登录页面
├── components/            # 组件目录
│   ├── common/           # 公共组件
│   └── chat/             # 聊天组件
├── stores/               # Pinia 状态管理
│   ├── chatStore.js     # 聊天数据
│   └── userStore.js     # 用户数据
├── static/              # 静态资源
│   └── tabbar/          # TabBar 图标
├── App.vue              # 应用根组件
├── main.js              # 应用入口
├── pages.json           # uni-app 页面配置
├── uni.scss             # 全局样式变量
└── package.json         # 项目依赖
```

## 功能特点

- 🤖 聊天式记账体验
- 📊 消费数据统计图表
- 📝 账单明细记录
- 💰 收入支出管理
- 👤 个人中心

## 运行项目

### HBuilderX 运行

1. 下载 HBuilderX
2. 导入项目
3. 运行到对应平台

### 命令行运行 (H5)

```bash
# 安装依赖
npm install

# 运行 H5
npm run dev:h5
```

## 页面预览

- **聊天页面**: 聊天式记账界面
- **明细页面**: 账单明细列表
- **统计页面**: 消费统计图表
- **我的页面**: 个人中心

##  License

MIT License