在用户余额页面下方添加了一个图表,展示用户近12个月的消费趋势。使用ECharts库初始化图表并设置选项,包括标题、工具提示、图例、网格、工具箱等。消费金额数据和月份标签已硬编码,需根据实际后端数据进行动态更新。 引入了echarts库并更新了相关代码,确保图表能在页面加载时正确显示。此更新旨在提供给用户更直观的消费反馈,帮助用户更好地了解自己的消费模式。 BREAKING CHANGE: 引入了ECharts库的新版本5.5.1,可能会与现有的样式或依赖产生冲突。需要在项目中进行详细的测试,确保没有引入新的问题。 |
||
---|---|---|
bin | ||
build | ||
public | ||
src | ||
.editorconfig | ||
.env.development | ||
.env.production | ||
.env.staging | ||
.eslintignore | ||
.eslintrc.js | ||
.gitignore | ||
README.md | ||
babel.config.js | ||
package.json | ||
vue.config.js |
README.md
开发
# 克隆项目
git clone https://gitea.qinmian.online/ruoyi/cloud-ui.git
# 进入项目目录
cd cloud-ui
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com
# 启动服务
npm run dev
浏览器访问 http://localhost:80
发布
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod