Repository navigation
加入参数变化
像素昼夜开关 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 文档更新:补充了中英文双语的参数说明与进阶配置指南。