Skip to content

加入参数变化

Choose a tag to compare

@GSvegetable GSvegetable released this 09 Nov 21:12
· 170 commits to main since this release

像素昼夜开关 v1.1.0 更新说明

本次更新为组件引入了 HTML 参数化配置。无需修改源码,只需在 DOM 节点上添加 data-* 属性,即可深度自定义组件的交互手感与视觉细节。

✨ 新增特性 (Features)

现在,你可以直接在容器 div 上配置以下属性:

<div 
  data-ld-part="toggle-daylight" 
  data-speed="12" 
  data-refraction="1.4" 
  data-bezel="0.08" 
  data-start-night="true">
</div>

· data-speed:调整滑块拖拽与物理回弹的速度。默认 9.5,数值越大越迅速。
· data-refraction:调整外层玻璃的折射放大倍数。默认 1.24。
· data-bezel:调整玻璃外壳的厚度边缘。默认 0.046。
· data-start-night:设置组件初始状态。填 "true" 时页面加载即为黑夜。

🔧 兼容性与优化 (Compatibility)

· 向下兼容 100%:不传入任何参数时,组件仍会使用原生的“最佳参数”,完全不影响 v1.0.0 的接入方式。
· README 文档更新:补充了中英文双语的参数说明与进阶配置指南。