移动端开发问题总结

2018-12-24 09:10:33来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

一.vux使用过程中遇到问题

  1.使用confirm.prompt组件时,ios下点击输入框很难获得焦点

  解决思路:使用confirm.show方法,自定义content内容,show方法里面设置input的focus方法

let tipHtml = '<div class="tip-title">修改手机号</div><div class="tip-content plr14"><input id="phoneNum" class="tip-input" maxlength="11"></div>'
        this.$vux.confirm.show({
          content: tipHtml,
          onShow () {
            setTimeout(function () {
              let phoneNum = document.getElementById('phoneNum')
              phoneNum.value = _this.userInfo.phone
              if (!_this.hasPhoneClick) {
                _this.hasPhoneClick = true
                phoneNum.addEventListener('click', function () {
                  phoneNum.focus()
                }, false)
              }
            }, 100)
          },
          onConfirm () {
            _this.confirm(0)
          }
        })

 

  2.1px细线问题

  解决思路:使用vux 1px细线样式解决---伪类实现的

二.移动端问题

  1.点击按钮图片或者连接时会有一个背景色

  解决思路:修改样式cursor为default

  2.ios下监听键盘输入文字个数或者复制粘贴的文本个数

  解决思路:使用input事件监听

  3.placeholder不居中问题

  解决思路:使用padding和设置input的line-height解决

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js实现字体闪烁

下一篇:sessionStorage的使用方法