range-multiple:具有多个句柄的 HTML5 范围输入。 使用两个范围输入和 svg 来可视化范围。 可配置和可访问

时间:2024-07-09 18:49:25
【文件属性】:

文件名称:range-multiple:具有多个句柄的 HTML5 范围输入。 使用两个范围输入和 svg 来可视化范围。 可配置和可访问

文件大小:17KB

文件格式:ZIP

更新时间:2024-07-09 18:49:25

JavaScript

范围倍数 具有多个句柄的 HTML5 范围输入。 使用两个范围输入和 svg 来可视化范围。 可配置且可访问。 我使用 riot.js 只是因为它有很少的样板来制作一些可演示的东西,但没有什么特别适合以这种方式使用多个值的范围。 您应该查看range.tag模板以了解如何将其与其他框架一起使用。 显示范围组件实际上不涉及业务逻辑,只需填写{vars}并解析 ifs。 应该很容易转换为例如车把。 代码中唯一的警告是 Riot 或 Chrome 在视图框(范围可视化工作所需)属性上阻塞,所以我在 init/mount 函数中设置它,而不是在模板中。 TODO:更多自述文件。 :) 使用原生元素、可访问性角度和免费获取东西 SVG 无需数学即可免费获得价值缩放 东西东西东西


【文件预览】:
range-multiple-master
----riot@2.0(riot.js+compiler.js).js(29KB)
----index.html(858B)
----LICENSE(1KB)
----skin.css(177B)
----range.css(1KB)
----README.md(974B)
----normalize.css(8KB)
----range.tag(3KB)

网友评论