在手机分期月租金计算器 H5 网页版 第一版的基础上，增加了一个自定义首付的新功能。
即，在首付比例的下方增加一个 label 和输入框，用来输入自定义首付金额，名为“自定义首付”。
计算规则
- 如果用户选择了内置的百分比例，这里就自动填写比例对应的金额。
- 如果用户主动修改了自定义首付金额，且跟内置的比例不一致，需要取消对应的比例按钮的高亮
对比 Excel 规则，测试了一下，月租金计算完全正确。
微信 bug 解决
同时修复了一个 iphone 手机微信内置浏览器内轮播图显示的 bug。 之前版本，轮播图图片，一张图片会显示在两个屏幕里。 解决方案是，限制图片宽度为 100%，就解决了。由于手头没有 iPhone 设备，只能尝试着修复。 让客户远程验证，没想到一次就解决了。
样式代码
/* 禁止页面横向滚动（可选） */
body { overflow-x: hidden; }
/* 轮播容器与项的宽度限制，避免图片超过屏幕 */
.carousel { width: 100%; max-width: 100vw; overflow: hidden; box-sizing: border-box; }
.carousel-inner { display: flex; transition: transform 0.5s ease; will-change: transform; }
.carousel-item { flex: 0 0 100%; max-width: 100%; box-sizing: border-box; }
/* 图片按容器缩放，保持宽度100%，高度自适应 */
.carousel-item img { width: 100%; height: 200px; display: block; max-width: 100vw; object-fit: cover; }
关于作者 🌱
我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式