fx67ll Vue UI

# 历史版本记录

# 0.6.4

  • 修复已知问题

# 0.6.3

  • 深入优化二进制时钟组件：
    • 修复圆点后方出现方形框的问题（覆盖 vuepress 默认主题给 table/td 加的边框）
    • 圆点亮起光晕（box-shadow）颜色改为动态取自 dotColor，熄灭圆点光晕取自 dotBgColor，自定义配色时光晕同步变色
    • 优化熄灭圆点（白点）视觉：加细边框与适度阴影，在浅色背景上也有清晰轮廓，形成整体点阵感
    • binary-clock.md 缩放示例拆分为「缩小」「放大」两个独立代码框，避免放大示例溢出

# 0.6.2

  • 组件名称统一加 fx67ll- 前缀：loading-progress 更名为 fx67ll-loading-progress，shape-* 系列组件（13 款）更名为 fx67ll-shape-*，统一整体组件命名格式
  • 旧名称兼容：所有更名组件均保留旧名称注册，老版本可直接升级，使用旧名称的代码无需修改即可正常运行（旧名称将在未来大版本中废弃）
  • 老文档整改：footer.md 改为实际运行代码演示；progress.md、mosaic-avatar.md 因文档站 demo-container 多 demo 编译 bug 与 identicon.js 依赖 Node 环境的限制，保留 iframe 嵌套演示
  • 丰富老组件文档：binary-clock.md 补显示/隐藏时间与缩放对比示例，nan-fireworks-basic.md 补自动发射示例，13 个 shape-* 子页补颜色与尺寸对比示例
  • 修复 footer.md 属性表中 ipNumber 与组件实际 icpNumber 不一致的问题
  • 修复 yinyang 组件属性表多余的无效 shapeColor 属性
  • 优化二进制时钟组件：圆点改用伪元素方案渲染，任意缩放/视口下保持完美正圆；新增 dotColor / dotBgColor / dotSize / textColor / showLabel 自定义参数；圆点尺寸随视口自适应

# 0.6.1

  • 完成 加载动画场景式组件 的封装，内置 14 款 整页场景式加载动效（Multiple 组 10 款 + Single 组 4 款），与 0.6.0 的内联加载组件互补，天生全屏遮罩，适合页面级启动加载场景
  • 优化场景式组件：右上角新增关闭按钮（closeable 属性控制），提示文字移至面板顶部居中显示
  • 自测修复加载组件动效相关 BUG：
    • 修复场景式 dot-matrix / dot-matrix-round 中央大点不可见的问题（object-big 缺少背景色）
    • 修复场景式 robot-engine 五活塞错峰延迟失效的问题（延迟选择器 .block 与实际 class 名不一致）
    • 修复内联组件 la.less 与 better.less 的 @keyframes ball-pulse / ball-scale 同名覆盖导致 GROUP1 对应动效视觉被悄悄替换的问题（better 侧关键帧改名 ball-pulse-bt，并删除孤立的 ball-scale 死代码段）
    • 修复内联组件 jumping 伪元素动画缺少 -webkit- 前缀的一致性问题
    • 清理内联组件 ball-running-dots 多余的 nth-child(6)~(10) 死规则（官方配置为 5 球）
    • 修复内联组件 square-jelly-box 阴影元素硬编码黑色未跟随 color 的问题（改为 currentColor）

# 0.6.0

  • 完成 加载动画组件 的封装，内置 27 款 纯 CSS 内联加载动效，支持类型选择、颜色、大小、动画时长、全屏遮罩、提示文字、延迟显示、v-model 显隐控制
  • 修复 type: String | Number 联合类型写法错误导致 props 类型校验失效的问题（涉及加载进度条、页脚、马赛克头像组件共 8 处）
  • 修复加载进度条组件完成后定时器未清理的内存泄漏问题
  • 修复放烟花组件点击效果定时器未清理的内存泄漏问题
  • 修复放烟花组件连续点击时定时器引用丢失导致烟花重复发射的问题
  • 修复二进制时钟组件 less @import 缺少 ~ 前缀导致别名解析失败的问题
  • 修复形状系列组件在 Firefox 浏览器下双重缩放的问题

# 0.5.0

  • 完成 放烟花组件 的封装

# 0.4.1 非发布版

  • 更新开发文档友情链接
  • 优化页脚组件展示效果

# 0.4.0

  • 完成 随机马赛克头像组件 的封装
  • 更新开发文档部分示例说明，方便新手使用
  • 优化文档站点左侧导航访问体验

# 0.3.8 非发布版

  • 开发文档站点添加一键回顶插件
  • 开发文档站点添加页面跟随侧边栏滚动插件
  • 开发文档站点添加进度条插件
  • 开发文档搜索框默认配置修改

# 0.3.7

  • 修复阴阳形状组件默认颜色的问题
  • 集成fx67llClock组件库的 二进制时钟组件
  • 完善开发文档中的说明文件

# 0.3.6

  • 修复README.md文件在npm主页不显示的问题，是因为文件有不可以超过140行的限制
  • 0.3.3、0.3.4和0.3.5版本没有修复，这些版本都是废弃版本
  • 完善开发文档中的说明文件

# 0.3.2

  • 开发文档添加示例演示插件
  • 修复进度条组件参数校验异常的问题
  • 进度条组件添加是否显示提示文本的参数

# 0.3.1 非发布版

# 0.3.0 非发布版

  • 使用vuepress构建开发文档站点
  • 开发文档站点继续完善
    • 需要注意的是！！！ 目前如果直接使用npm install安装之后进行自动化构建
    • 可能会出现vue-server-renderer版本与vue@2.6.10不一致的报错
    • 所以暂时使用本地构建，上传dist，自动覆盖更新的策略处理
    • 完整的自动化流程待后续解决这个问题再使用
    • 本地解决报错的方案：需要强制指定版本为vue-server-renderer@2.6.10来解决冲突问题
  • 开启新一轮组件封装，用于部分个人站点的效果提升

# 0.2.22

  • 修复21版本包提交失败问题，0.2.21版本为废弃版本
  • 修复加载进度条组件百分百之后隐藏异常的问题
  • 删除不必要中文字体包文件

# 0.2.20

  • 修复加载进度条组件当前进度百分比为零会验证参数异常的问题

# 0.2.19

  • 修复页脚组件网站作者主页字段验证错误问题
  • 修复加载进度条组件加载完成后不隐藏加载页面的问题

# 0.2.18

  • 修复16/17版本包提交失败问题，0.2.16和0.2.17版本均为废弃版本，请在0.2.18版本中使用上述两个新组件
  • 完成 网站页脚组件 的封装，可以设置字体颜色、a标签悬浮颜色、z-index、网站作者名称、网站作者主页、网站开始运营年份、网站备案号
  • 完成 加载进度条组件 的封装，可以设置当前进度百分比、加载是否已完成、进度条样式种类、z-index、背景颜色、提示文字颜色、条纹颜色一、条纹颜色二、渐变颜色一、渐变颜色二、单次动画时间
  • 添加less中动画的封装，现已支持在less中直接使用animation，定义keyframe的方式稍稍有点区别，示例如下：
.keyframes(all, animationName, {
		from {
			width: 0%;
		}

		to {
			width: 100%;
		}
	}
);

# 0.2.15

  • 完成纯CSS3绘制的 聊天框 组件的封装，可以设置 聊天框 组件的颜色和大小，以及传入聊天框宽度、简易的文字内容和文字颜色
  • 后期考虑 丰富 聊天框 组件的用途，并用考虑如何用正则验证传入的宽度格式
  • 后续版本 一键回顶组件
  • 远期版本 右键菜单组件

# 0.2.14

  • 完成纯CSS3绘制的 六角星符号 组件的封装，可以设置 六角星 的颜色和大小

# 0.2.13

  • 完成纯CSS3绘制的 月亮符号 组件的封装，可以设置 月亮 的颜色和大小

# 0.2.12

  • 完成纯CSS3绘制的 十字架符号 组件的封装，可以设置 十字架 的颜色和大小

# 0.2.11

  • 完成纯CSS3绘制的 阴阳 组件的封装，可以设置 阴阳 的颜色和大小

# 0.2.10

  • 完成纯CSS3绘制的 钻石符号 组件的封装，可以设置 钻石 的颜色和大小

# 0.2.9

  • 完成纯CSS3绘制的 吃豆人 组件的封装，可以设置 吃豆人 的颜色和大小

# 0.2.8

  • 完成纯CSS3绘制的 鸡蛋符号 组件的封装，可以设置 鸡蛋符号 的颜色和大小

# 0.2.7

  • 完成纯CSS3绘制的 太空入侵者 组件的封装，可以设置 太空入侵者 的颜色和大小

# 0.2.6

  • 完成纯CSS3绘制的 爱心符号 组件的封装，可以设置 爱心 的颜色和大小

# 0.2.5

  • 后续的话功能过于复杂，且能够独立发挥较大作用的的组件单独提供，简单的或者个人使用的特殊组件继续在本组件库中整合
  • 完成纯CSS3绘制的 三角形符号 组件的封装，可以设置 三角形 的指向，颜色和大小

# 0.2.4

  • 综合考虑下，该控件整合自己写过的所有控件，暂不提供按需加载的功能
  • 不过某些比较有意思的控件仍然在npm上提供单独下载

# 0.2.3

  • 修复文档错误

# 0.2.2

  • 完成一次注册使用多个组件
  • 0.2.2版本之前不支持一次注册使用多个组件

# 0.2.1

  • 完成纯CSS3绘制的 五角星符号 组件的封装，可以设置 五角星 的颜色和大小

# 0.2.0

  • 去除不必要的依赖，减少安装时间
  • 添加MIT的软件使用许可证

# 0.1.1

  • 完成纯CSS3绘制的 无限符号 组件的封装，可以设置 无限 的颜色以及大小
  • 测试单组件发布到npm上的全流程

# 0.1.0

  • 模仿elementui的组件库做一个自己的vue组件库
  • 同时用于练习在npm上面发包
  • 锻炼自己制作复杂公共vue组件的能力，为个人项目提供方便
  • 自己写的性能肯定没法和主流的组件库媲美，我对自己的要求是先模仿一些基础的功能，再力求每个组件上能有一些不同的独特的功能点
Last Updated: 2026/7/24 下午5:21:19

←