首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

时间轴组件 by Vue.js

在公司的项目开发中,涉及到了移动端H5页面的时间轴展示效果。现有的轮子比如ElementUI、iView中,都没有专门的时间轴组件,于是就萌生了自己封装一个的想法。...type: String, default: "http://qiniu.iborge.cn/dian.png" } 上面的定义中,稍微不太好理解的是,如何将条目之间的距离动态的设定到...下一步就是如何实现时间轴的效果,在这里我想到的一个简单的思路是使用div的左边框。 其实大家看到的每条时间轴的竖线,都是一个box的左边框。...将其相对定位一下,将包含icon和标题的p绝对定位在竖线顶端,就实现了时间轴的效果。...至此,时间轴的组件基本上就开发完了。 还可以根据自己的需求,添加标题行内容溢出显示省略号等各种效果。

8.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js 动态生成 input 的绑定事件 blur 无效

    https://blog.csdn.net/u011415782/article/details/89230040 ☯ 背景描述 今天在进行代码编写时,我需要根据ajax返回的数据动态生成一个表格...最开始编写的 js 代码如下: /** * 当sku库存量变化时,对应总库存进行更新 */ $(".input-sku-stock").blur(function ()...)); }); $(".input-goods_stock").val(input_goods_stock); }); 但是发现,静态的表格是可以正常实现的,而动态生成的却无法触发...ி 附录 1.针对我的问题,求助度娘,发现了下面的一个帖子,可作参考 动态添加的blur事件失效 [问题点数:60分,结帖人lawrendc] 时间相当久远... 2.最接近解决需求的文章如下...,建议可自行测试 动态生成input绑定事件无效如:blur 意见:异步导致绑定事件失败,需使用全局绑定事件 3.w3school 文档 - onblur 事件 这就是官方文档

    8.9K00

    用字蛛动态遍历JS生成中文字体

    字蛛 font-spider 通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。...这样就引发了一个问题,如果你所用到的中文字都是在 JavaScript 中动态生成的,那你让字蛛分析你的 html 岂不是无济于事?...Allan 的这个项目更进一步,通过无头浏览器来爬取当前页面上的文字来动态生成精简版的 webfont....FSW (font-spider-walker) 这个项目通过本地分析源代码来动态生成 webfont....这个项目很简单,无需比较重的依赖,是直接遍历你的源码目录(可以指定目录),找出所有用到的中文字,调用字蛛生成你所需要的中文字体。

    4.2K280

    利用QRCode.js生成动态二维码页面

    利用QRCode.js生成动态二维码页面 ☆* o(≧▽≦)o *☆嗨~我是IT·陈寒 ✨博客主页:IT·陈寒的博客 该系列文章专栏:Java学习路线 其他专栏:Java学习路线 Java面试技巧 Java...在网页中动态生成二维码,不仅可以为用户提供更便捷的操作体验,还可以实现一些创新性的功能。本文将介绍如何使用QRCode.js库在网页中生成动态二维码,并提供一个刷新按钮,使二维码内容可以动态更新。...QRCode.js简介 QRCode.js是一个轻量级的JavaScript库,用于在网页中生成二维码。它简单易用,通过在网页中插入一个QRCode对象,就可以轻松地生成二维码图像。...在这个例子中,我们将使用QRCode.js生成一个简单的文本信息二维码,并通过按钮刷新二维码内容。 HTML结构 <!...总结 通过QRCode.js库,我们可以轻松实现在网页中生成二维码,并通过JavaScript实现二维码内容的动态更新。这为网页开发中一些需要生成二维码的场景提供了便捷的解决方案。

    99910

    动态生成RDLC报表

    前段时间,做了RDLC报表,主要是三块功能: 1、从DataGrid提取(包括最新的增删改)数据,自动生成对应的RDLC报表文件(以流的形式驻存在内存中),用ReportViewer类来展示、打印、排版...DataGrid里修改、增加、删除等数据变动,立即同步更新到报表 2、给一个简单的RDLC模板,提供表头的字体格式和表内部数据等样式相关的信息,然后再用DataGrid里提取的数据,生成DataTable...https://www.cnblogs.com/NaughtyCat/p/auto-generate-report.html 第一步:根据 Report Definition Language (RDL) 生成对应的类和命名空间...admin\Desktop\RDLCReportResearch C:\Users\admin\Desktop\RDLCReportResearch\ReportDefinition.xsd  完了,生成的是这么个样子...(ReportDefinition2005的生成出来有8000行左右,ReportDefinition2008的及以后有10000多行,贴一部分,样子参照下面代码) using System.Xml.Serialization

    8.3K50

    如何动态加载js

    第三方的js文件,自己写的js文件,js越来越多了怎么办? 提出问题: 1、js文件太多了,每个页面都写太麻烦。 2、如果路径变化了,或者js名称变化了怎么办?...3、如何约束js文件的加载顺序?a.js定义了一个函数,b.js要调用,但是b.js先加载了,a.js还没加载完成,造成函数未定义,无法调用。 4、js文件的合并。...开发阶段,js会分成多个文件,这样便于开发。但是成熟了之后会合并成一个文件。这样引用方式就会变化,原先引用一堆js,现在只需要引用一个js。同样不能每个页面都改一遍。...5、加载js完毕之后,要可以执行回调函数。  解决问题: 如何解决这些问题呢?我想到的办法是——动态加载js。就是通过js代码的方式来加载。...下一步是如何管理js。还有js的客户端缓存、复用的问题。

    12.8K50
    领券