收藏
回答

input输入框内容光标变成一点问题

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 客户端 6.7 2.2.5

iPhone6s,系统ios11,input输入框聚焦为一点,内容光标变成一个点,input设置背景颜色,高度没问题,字体大小也没问题,真机调试没问题,发布体验版就出现问题了

最后一次编辑于  2018-12-22  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 娇华
    娇华
    2018-12-24

    麻烦提供一下出现问题的机型和微信版本,并且给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),麻烦也提供下视频

    2018-12-24
    赞同
    回复
  • 梦想
    梦想
    2018-12-24

    机型:iPhone6s;微信版本:7.0



    <view class="wrap">
      <image class="logo" src="{{logo}}"></image>
      <view class="ipt-wrap phone-wrap">
        <text>手机号</text>
        <input value="{{phone}}" type="number" maxlength="11" placeholder="请输入手机号"
          bindinput="bindPhoneInput" bindfocus="phoneFocus" bindblur="phoneBlur" placeholder-style="color:#999;"></input>
        <view class="icon-wrap" catch:tap="clearPhone"><icon size="16" type="clear" wx:if="{{phone.length > 0 && isPhoneFocus}}"></icon></view>
      </view>
      <view class="ipt-wrap code-wrap">
        <text>验证码</text>
        <input value="{{code}}" type="number" maxlength="6" placeholder="请输入验证码"
          bindinput="bindCodeInput" bindfocus="codeFocus" bindblur="codeBlur" placeholder-style="color:#999"></input>
        <view class="icon-wrap" catch:tap="clearCode"><icon size="16" type="clear" wx:if="{{code.length > 0 && isCodeFocus}}"></icon></view>
        <button class="code-btn {{captchaDisabled ? 'countdown' : ''}}" hover-class="none" bind:tap="captcha">{{captchaLabel}}</button>
      </view>
      <button wx:if="{{btnText=='登录'}}" class="submit {{highLight ? 'light' : ''}}" bind:tap="submit" hover-class="none">{{btnText}}</button>
      <button wx:else class="submit submit-blue {{highLight ? 'light-blue' : ''}}" bind:tap="submit" hover-class="none">{{btnText}}</button>
      <view class="txt"><text bind:tap="goAgreement">提交即视为遵守《用户使用协议》</text></view>
    </view>

    输入手机号的那个输入框不能输入

    2018-12-24
    赞同
    回复 3
    • 娇华
      娇华
      2018-12-26

      你好,麻烦按照教程来提供下代码片段,另外回复的时候请在评论下回复,不然是收不到提醒的

      2018-12-26
      回复
    • 梦想
      梦想
      2018-12-26回复娇华

      您好,这个是简单的代码片段,麻烦查看一下,辛苦了

      https://developers.weixin.qq.com/s/9mx8IWmM7D4F

      2018-12-26
      回复
    • 娇华
      娇华
      2018-12-26回复梦想

      数字input被禁用的问题可以使用这个代码片段https://developers.weixin.qq.com/s/asB4eWmI7a4h另外,光标变成一点的问题是否还存在呢?微信版本是否是7.0呢?如若还存在问题,麻烦提供下appid还有麻烦录个视频看下

      2018-12-26
      回复