# React-记账本

**Repository Path**: wangtingting-niu/react---bookkeeping

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-21
- **Last Updated**: 2024-11-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React 记账本

##### 介绍

基于react实现的记账本功能。

##### 技术栈

1. React+Vite
2. ant design mobile组件库
3. react-router-dom页面路由
4. less（Css预处理器）
5. Axios（网络请求）

##### 功能与界面

1. 登录与注册

   ![](https://gitee.com/wangtingting-niu/vue3-mm-player/raw/master/img/登录.png)

   ![](https://gitee.com/wangtingting-niu/vue3-mm-player/raw/master/img/注册.png)

2. 账单列表和筛选

   ![](https://gitee.com/wangtingting-niu/vue3-mm-player/raw/master/img/账单列表.png)

3. 账单添加

   ![](https://gitee.com/wangtingting-niu/vue3-mm-player/raw/master/img/账单添加.png)

4. 账单详情

   ![](https://gitee.com/wangtingting-niu/vue3-mm-player/raw/master/img/账单详情.png)

5. 账单统计

   ![](https://gitee.com/wangtingting-niu/vue3-mm-player/raw/master/img/账单统计1.png)

   ![](https://gitee.com/wangtingting-niu/vue3-mm-player/raw/master/img/账单统计2.png)

6. 个人中心

   ![](https://gitee.com/wangtingting-niu/vue3-mm-player/raw/master/img/个人中心.png)