pc端实现移动界面模拟功能

https://ludesala.blogspot.com/2023/11/realize-mobile-interface-simulation.html

顶端左边时间：

功能描述：分（如果输入的不是数字，提示：请输入数字，如果输入的数字大于 60 时，提示：请输入 0 -59 ），

功能描述：时（如果输入的不是数字，提示：请输入数字，如果输入的数字大于 24 时，提示：请输入 0 -23 ）

顶端右边：

功能说明：wifi ，手机模拟信号 ，电池电量 （ JS 动态自动更新）

页面内容时间：

功能描述：分 （如果输入的不是数字，提示：请输入数字，如果输入的数字大于 60 时，提示：

请输入 0 -59 ），

功能描述：时：（如果输入的不是数字，提示：请输入数字，如果输入的数字大于 24 时，提]

示：请输入 0 -23 ）

功能描述： 账号 （如果输入的不是数字，提示：请输入数字，）

页面内容日期 ：日，月 ，年

功能描述： 日 （如果输入的不是数字，提示：请输入数字，如果输入的数字大于 31 时，提

示：请输入 01 – 31 天 ），

功能描述：月 （如果输入的不是数字，提示：请输入数字，如果输入的数字大于 12 时，提

示：请输入 01 – 12 月 ），

功能描述：年 （如果输入的不是数字，提示：请输入数字 ），

页面内容金额：

功能描述：（如果输入的不是数字，提示：请输入数字， 输入的数字自动+5 ）

页面内容蒙板：

功能描述：页面右下角浮动框 ， 竖向滑动条 蒙板高度可调整 （值为：百分比 ）

页面生产 PNG 图片

功能描述：页面右下角浮动框 ， 图片按钮，点击图片按钮 会将整个 html 页面生成 png 图 （除去 右下角浮动框 不在生成图片范围内）