无光末阳

前言： 因为作者的项目中，是使用wujie 微前端框架，页面多，子应用也多，每次用console.log的时候，根本分不清是哪里打出来的日志，你想要删除这个console都要找半天，只能在打印当时分的

前置要求后端返回的是文件流的格式 如果下载下来的内容打不开请一定检查前端接口的请求是否配置了响应类型 responseType: 'blob' 如果上面检查无误，那就放心去找后端展示语言魅力全部。 使

Tooltip 是鼠标移入后电视的弹出窗效果 原本官网的配置是 略微有点丑，没有单位也没有好一点的UI 效果 所以就参考 arco.desigin 的样式配置了一个项目中基本都通用的 实际效果如下 J

使用uniapp 开发的适配微信小程序的通用组件，支持Vue3 我有：好看的界面、知识库与提示词功能、makedown流式接收、开箱及用的配置、完善的注释 https://ext.dcloud.net

如果你们设计稿大概像这样，那么下面的方法都可参考 实现思路-- 找到数据中第一个轴的最小最大值，然后看分割线几根，相除，第二个类似操作就行 核心代码 诸位品鉴 开始使用 父页面 封装一个根据数据驱动的

大概是这样 从后端返回的数据讲起。 下一期 双轴，左右坐标轴轴线对齐 如果你们后端返回的数据是这样的 这里只是模拟的，根据实际情况修改 页面中可以这样用 子组件这样用 注意有 import dayjs

如果你想要这样的效果 或者 这样的 那就走起来 详细原理在末尾 你可能需要用到的 技术栈 unocss/dayjs/vue3 先封装单个卡片的孙组件 接下来封装一个子级组件，用来处理中间的动态事件变化

原设计稿为下图 可以看到水波的动态效果，有点头炸，自己写个半天动画都没有实现，后面在网上搜索后发现一个好用的东西 echarts-liquidfill 没错，就是他！ 原地址链接 https://gi

一、首先展示UI图和各位同学对比下是否类似，以免浪费时间 二、一般的 echarts 柱状图上面的值大概是这样 只能显示到最后.... 好吧，开始先把背景加上 关键代码 获取到当前charts柱子的宽