Electricity-bill-sharing

KO | EN

gitlite — search

#python #react #ai #go #machine-learning #deep-learning #nodejs #java #cli #vue #pytorch #security #mcp #openai

Electricity-bill-sharing

(★ 114)

租房电费分摊计算器是一款专为合租人群设计的实用工具，帮助用户公平、便捷地计算和分摊电费。本"全能美化版"在基础功能上进行了全面UI优化和功能增强，提供更直观的操作体验和更精准的计算结果。

Electricity-bill-sharing 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🏠 房租电费分摊计算器

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/xiaobo110/Electricity-bill-sharing/main/LICENSE)  
[![Version](https://img.shields.io/badge/version-2.0.0-brightgreen)](https://github.com/xiaobo110/Electricity-bill-sharing/releases)

> 💡 **让合租更公平、更简单** —— 一款专为合租人群打造的智能费用分摊工具。

---

## 📌 项目简介

在合租生活中，房租与电费如何公平分摊常常引发矛盾。  
**房租电费分摊计算器** 通过灵活的算法模型，帮助用户一键生成清晰、公正的分摊方案，支持多种复杂场景（如短租、电器差异、面积不均等），彻底告别"口头算不清"的烦恼。

无论你是学生、上班族还是房东，只需几分钟，即可完成一次透明、可追溯的费用结算。

---

## 📈 版本更新记录

### v2.0.0 (2025年12月20日)

根据优化方案实施以下改进：

#### 1. 增加历史记录功能
- 利用已有的历史记录存储逻辑
- 实现历史记录展示界面
- 使用main.scss中已定义的.history-item等相关样式

#### 2. 添加多种费用类型支持
- 将原有的单一电费分摊扩展为支持多种费用类型，包括：
  - 电费
  - 水费
  - 燃气费
  - 物业费
  - 网络费
  - 其他费用
- 满足更多合租场景的需求

#### 3. 增强UI交互体验
- 添加了更多的动画效果和过渡效果
- 在main.scss已有的动画基础上增加了新的视觉反馈
- 优化了组件间的交互动画

#### 4. 添加导出功能
- 利用已有的图表展示功能，可以方便地截图保存
- 数据结构清晰，便于导出为PDF或其他格式

#### 5. 改进数据验证和错误提示机制
- 将简单的alert提示改为更友好的Toast消息提示
- 增加了更详细的数据验证规则
- 提供了具体的错误信息指导用户正确输入

#### 总结
这些优化使得房租电费分摊计算器更加完善和实用：
- 多功能支持：不仅限于电费分摊，还支持水费、燃气费等多种费用类型
- 更好的用户体验：通过动画效果和改进的交互设计提升用户满意度
- 更强的数据验证：帮助用户避免输入错误，提供明确的错误提示
- 历史记录：方便用户查看之前的计算结果

这些改进让应用程序更加符合实际使用场景，提高了其实用性和用户友好性。

---

## ✨ 核心功能

✅ **多维分摊策略**

- 按房间面积  
- 按人头均摊  
- 按实际居住天数  
- 按电器使用情况（空调、冰箱等）  
- 自定义比例分配（支持任意权重）

✅ **直观可视化结果**

- 使用 **Chart.js** 动态生成柱状图，清晰展示每位租户的分摊金额与占比  
- 支持结果导出或截图分享

✅ **极致用户体验**

- 响应式设计：完美适配手机、平板、桌面端  
- 深色/浅色主题自动切换，夜间使用更舒适  
- 稀代化 UI：渐变色彩 + 流畅交互动效，操作愉悦

---

## 🚀 快速开始

### 🔧 前置要求

- Node.js ≥ v16
- npm 或 yarn

### ▶️ 本地运行

```bash
# 1. 克隆仓库
git clone https://github.com/xiaobo110/Electricity-bill-sharing.git

# 2. 进入项目目录
cd rent-electricity-calculator

# 3. 安装依赖
npm install
# 或
yarn install

# 4. 启动开发服务器
npm run dev
# 或
yarn dev
```

打开浏览器访问 [https://electricity-bill-sharing.3ec8b629.er.aliyun-esa.net](https://electricity-bill-sharing.3ec8b629.er.aliyun-esa.net) 即可使用！

### 📦 构建生产版本

```bash
npm run build
# 或
yarn build
```

构建产物位于 `dist/` 目录，可直接部署至任何静态托管服务（如 Vercel、Netlify、GitHub Pages、阿里云 OSS 等）。

---

## 🛠 技术栈

| 类别       | 技术选型                   |
| ---------- | -------------------------- |
| 前端框架   | Vue 3 + `<script setup>`   |
| 状态管理   | Pinia                      |
| UI 组件库  | Bootstrap 5                |
| 样式预处理 | Sass                       |
| 图表可视化 | Chart.js + vue-chartjs     |
| 构建工具   | Vite                       |
| 部署加速   | 阿里云 ESA（边缘安全加速） |

---

## ⚠️ 免责声明

本工具提供的计算结果**仅供参考**，不构成法律或财务建议。  
实际费用分摊请以租赁合同、电力公司账单及当地政策为准。  
开发者不对因使用本工具产生的任何争议或损失承担责任。

---

<div align="center">
  <hr width="80%">
  <p><strong>本项目由阿里云ESA提供加速、计算和保护</strong></p>
  <hr width="80%">
  <img src="https://img.alicdn.com/imgextra/i3/O1CN01H1UU3i1Cti9lYtFrs_!!6000000000139-2-tps-7534-844.png" alt="阿里云ESA" width="800" />
</div>

---

## 🙏 致谢

感谢每一位使用者的反馈与信任！  
特别致谢开源社区、Vue 生态及所有依赖库的维护者。

---
#阿里云ESA Pages #阿里云云工开物
> 📬 **有任何问题或建议？**  
> 欢迎通过 [Issues](https://github.com/xiaobo110/Electricity-bill-sharing/issues) 提交反馈，我们会认真阅读每一条留言！

---

### 🌟 如果你觉得这个项目有帮助，欢迎：

- ⭐ Star 本仓库  
- 🐦 分享给需要的朋友  
- 💬 提出改进建议

**让合租，从此不再"算不清"！**

---

Electricity-bill-sharing

Electricity-bill-sharing 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Electricity-bill-sharing

Electricity-bill-sharing 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README