手机租赁月租金计算器，增加自定义首付功能

在手机分期月租金计算器 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 聊聊，或者关注我的个人公众号“大象工具”， 查看更多联系方式