# wechatbill

**Repository Path**: lxklh7/wechatbill

## Basic Information

- **Project Name**: wechatbill
- **Description**: 一个用vue3写的记账h5项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2023-08-19
- **Last Updated**: 2023-08-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div style="text-align:center">
<img width='100px' height='200px' src='https://cdn.JsDelivr.net/gh/codercqw/imgs/bill/img-2.png' />
<img width='100px' height='200px' src='https://cdn.JsDelivr.net/gh/codercqw/imgs/bill/img-3.png' />
<img width='100px' height='200px' src='https://cdn.JsDelivr.net/gh/codercqw/imgs/bill/img-4.png' />
<img width='100px' height='200px' src='https://cdn.JsDelivr.net/gh/codercqw/imgs/bill/img-5.png' />
<img width='100px' height='200px' src='https://cdn.JsDelivr.net/gh/codercqw/imgs/bill/img-6.png' />
<img width='100px' height='200px' src='https://cdn.JsDelivr.net/gh/codercqw/imgs/bill/img-7.png' />
</div>

# 前言

vue3 发布至今已有半年多时间，而且是愈来愈受欢迎，越来越火热，虽然 vue2 还没学明白，vue3 就出来了。(尤大：学不动是你们的事，我就是要更新----)，为了能跟上时代的步伐，自己在工作闲暇也学习了一下 vue3（真香 👍 ），于是就写下了这个项目。

> ps:这个项目虽然比较简单，但是基本上涵盖了 vue3 新增的 API。（如遇项目有 Bug 还请勿喷，麻烦大家提个 issue，我看到了会第一时间进行修复 👀️ ）

## 项目介绍

`wechatbill`是一个记账 H5 页面前端项目（模仿微信账单），基于**Vue 3.0** + **Vant 3.0** 实现，主要包括明细、统计、个人中心、登录、注册、详情页等。

📌 本项目还有很多不足之处，如果有想为此做贡献的伙伴，也欢迎给我们提出 PR，或者 issue ；

🔑 本项目是免费开源的，如果有伙伴想要在次基础上进行二次开发，可以 clone 或者 fork 整个仓库，如果能帮助到您，我将感到非常高兴，如果您觉得这个项目不错还请给个 start！🙏

🚀️ [项目预览地址](http://codercqw.gitee.io/wechatbill)

扫码预览：

![avatar](https://cdn.JsDelivr.net/gh/codercqw/imgs/bill/code.png)

项目所用到的技术及文档大概如下：

1. [Vue 3.x](https://vue3js.cn/docs/zh/)
2. [Vue-Router 4.x ](https://next.router.vuejs.org/zh/index.html)
3. [ Vuex 4.x](https://next.vuex.vuejs.org/)
4. [Axios](http://axios-js.com/) 请求库二次封装
5. [移动端多分辨率适配](https://youzan.github.io/vant/#/zh-CN/advanced-usage#liu-lan-qi-gua-pei)
6. [css 变量换肤](https://juejin.cn/post/6844904122643120141#heading-6)
7. vue-cli升级成vite
8. 后期计划加入骨架屏...

## 项目运行

1. 首先 git clone 此项目或者直接下载。
2. npm install 下载依赖包
3. npm run serve 本地运行

## 最后

由于该项目是入门级的，可能还存在一些问题，以及一些语法上面的用法错误，还请各位谅解。。。（技术有限），最后还是感谢各位观众老爷的能看到最后 O(∩_∩)O 希望你能有所收获 😁

最后特别感谢[尼克陈](https://juejin.cn/user/4019470243991799)大佬提供的线上[接口](https://www.yuque.com/docs/share/2549e10c-5e01-4ae4-94c6-0fc475cd7a72?#%EF%BC%88%E5%AF%86%E7%A0%81%EF%BC%9Adzrl%EF%BC%89)