wf-vue-components v0.1.41

万小方的 vue 组件库

时间轴组件

技术文档

https://docs.qq.com/doc/DQVdDSXRUSFVzd1dj

组件开发发布参考

https://segmentfault.com/a/1190000021613707

项目结构说明

-examples 开发测试（调用组件包） -packages 组件包

调用示例

<Timeline
  :areas="areas"
  :step="step"
  :min="min"
  :max="max"
  :location="location"
  :aggregateSize="aggregateSize"
  :getRemoteData="getRemoteData"
  :onClickCard="onClickCard"
  :isItemMajorDisplay="isItemMajorDisplay"
/>

版本变动说明

V 0.1.9

• AutoLoadingBlock 新增参数 reload，支持手动触发重载数据

V 0.1.10

• timeline 组件，新增参数 onLocationChange，将变化的 location 值通知调用者

V 0.1.11

• AutoLoadingBlock 去除参数 reload；
• 加载动画添加；
• 一个 AutoLoadingBlock 只会请求一次数据
• Cards 组件代码优化：for 改成_.each，cardList 更名为 self_areas，减少 if 嵌套
• 组件接收的参数，如果要改要在初始化的时候就用本地值深拷贝一份
• 取消注销 window.onmouseup 方法改为内部变量判断是否继续执行拖动
• 添加懒加载服务，将自动加载块的请求用队列的形式管理起来

V 0.1.12

• 时间轴大卡片的默认背景色修改，悬浮朝代和年份，显示缩略的文字

V 0.1.13

• getItemsAxios 增加 area 区块数据传参

V 0.1.14

• 修复自动加载块，没有 ranges 时间范围时，loading 块不会消失的 bug

V 0.1.15

• 如果条目数据没有背景图，则显示默认的背景图，而不是空白

V 0.1.16

• 如果条目数据背景图无效，则显示错误的背景图，而不是空白

V 0.1.17

• 时间轴卡片时间未加载完成时，先显示默认的背景图，而不是空白

V 0.1.18

• bug 修复：时间轴的卡片，一直 loading，不会消失

V 0.1.19

• bug 修复：解决卡片层抖动的问题

V 0.1.20

• 无更新

V 0.1.21

• bug 修复：点击时间轴，应该加载对应时间的数据

V 0.1.22

• bug 修复：时间轴设置图片的指令

V 0.1.23

• 多余的文件删除

V 0.1.24

• 错误提示图片放在 vue 文件中直接使用，因为指令设置，打包发布后，调用路径会默认会变成/js/images/导致找不到

V 0.1.25 ~ 0.1.26

• 同上问题：换成旧版本试试打包后的图片是否有问题

V 0.1.27

• 同上问题：重命名设置图片的指令 v-bgimg→v-wf-bgimg

V 0.1.28 ~ 0.1.30

• 同上问题：test 图片为什么找不到

V 0.1.31 ~ 0.1.32

• 同上问题：背景图片的设置不使用指令，改为直接在 vue 文件中使用图片

V 0.1.33

• 时间轴显示三国前朝代，并加载对应的数据

V 0.1.34

• bug 修复：
• 时间轴的朝代卡片年份范围显示问题
• 自动加载块，无数据还占据 1px 宽度，导致个卡片宽度不一致的问题

V 0.1.35

• bug 修复：
• 时间轴的小卡片公元前时间显示错误

V 0.1.36

• 时间轴自动加载块年份显示调整：
• 自动加载块年份year调整为传进来什么就显示什么

V 0.1.41

• 解决时间轴外链图片显示跨域问题；