E企盈小程序营销工具技术服务商 热线:4006-838-530

小程序中opacity真机无效

E企盈小程序直播系统

最近刚做小程序碰到的一个问题,记录下,希望能帮到要用的小伙伴。中间有用到密码框6位隐藏输入,上面是效果截图,在电脑上截的,所以大家忽略中间两个点:其实这个密码框的效果实现并不难。思想就是:写6个相同的inpu框,type为password,禁止输入。然后写一个input框,定位到这6个密码框的上方。把他的透明度设为0。当用户输入的时候实际是输入到了上面的那个透明的input框,我们只需要把输入的字符串处理放在6个用来显示的密码框就可以了。 ——————————————————-然后写完在真机上测的时候,会发现用来输入的input框,怎么都隐藏不掉。这个目前来看,应该是小程序的兼容问题。 微信平台社区有人已经解决:  使用定位将input移出屏幕外面。增加input的padding,使之依旧能覆盖到6个小的input框。  end———————

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序中opacity真机无效
分享到: 更多 (0)
E企盈小程序直播营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏