vant/packages/field/test/__snapshots__/demo.spec.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders demo correctly 1`] = `
<div>
  <div>
    <div class="van-cell-group van-hairline--top-bottom">
      <div placeholder="请输入用户名" class="van-cell van-field">
        <!---->
        <!---->
        <div class="van-cell__value van-cell__value--alone">
          <div class="van-field__body">
            <input type="text" placeholder="请输入用户名" value="" class="van-field__control">
            <!---->
            <!---->
            <!---->
          </div>
          <!---->
        </div>
        <!---->
      </div>
    </div>
  </div>
  <div>
    <div class="van-cell-group van-hairline--top-bottom">
      <div placeholder="请输入用户名" class="van-cell van-cell--required van-field">
        <!---->
        <div class="van-cell__title"><span>用户名</span>
          <!---->
        </div>
        <div class="van-cell__value">
          <div class="van-field__body">
            <input type="text" placeholder="请输入用户名" value="" class="van-field__control">
            <!---->
            <div class="van-field__icon">
              <i class="van-icon van-icon-question" style="color:undefined;font-size:undefined;">
                <!---->
              </i>
            </div>
            <!---->
          </div>
          <!---->
        </div>
        <!---->
      </div>
      <div placeholder="请输入密码" class="van-cell van-cell--required van-field">
        <!---->
        <div class="van-cell__title"><span>密码</span>
          <!---->
        </div>
        <div class="van-cell__value">
          <div class="van-field__body">
            <input type="password" placeholder="请输入密码" value="" class="van-field__control">
            <!---->
            <!---->
            <!---->
          </div>
          <!---->
        </div>
        <!---->
      </div>
    </div>
  </div>
  <div>
    <div class="van-cell-group van-hairline--top-bottom">
      <div disabled="disabled" class="van-cell van-field">
        <i class="van-icon van-icon-contact van-cell__left-icon" style="color:undefined;font-size:undefined;">
          <!---->
        </i>
        <div class="van-cell__title"><span>用户名</span>
          <!---->
        </div>
        <div class="van-cell__value">
          <div class="van-field__body">
            <input type="text" disabled="disabled" value="输入框已禁用" class="van-field__control">
            <!---->
            <!---->
            <!---->
          </div>
          <!---->
        </div>
        <!---->
      </div>
    </div>
  </div>
  <div>
    <div class="van-cell-group van-hairline--top-bottom">
      <div placeholder="请输入用户名" class="van-cell van-field van-field--error">
        <!---->
        <div class="van-cell__title"><span>用户名</span>
          <!---->
        </div>
        <div class="van-cell__value">
          <div class="van-field__body">
            <input type="text" placeholder="请输入用户名" value="" class="van-field__control">
            <!---->
            <!---->
            <!---->
          </div>
          <!---->
        </div>
        <!---->
      </div>
      <div placeholder="请输入手机号" class="van-cell van-field">
        <!---->
        <div class="van-cell__title"><span>手机号</span>
          <!---->
        </div>
        <div class="van-cell__value">
          <div class="van-field__body">
            <input type="text" placeholder="请输入手机号" value="1365577" class="van-field__control">
            <!---->
            <!---->
            <!---->
          </div>
          <div class="van-field__error-message">手机号格式错误</div>
        </div>
        <!---->
      </div>
    </div>
  </div>
  <div>
    <div class="van-cell-group van-hairline--top-bottom">
      <div placeholder="请输入留言" rows="1" class="van-cell van-field">
        <!---->
        <div class="van-cell__title"><span>留言</span>
          <!---->
        </div>
        <div class="van-cell__value">
          <div class="van-field__body">
            <textarea placeholder="请输入留言" rows="1" class="van-field__control"></textarea>
            <!---->
            <!---->
            <!---->
          </div>
          <!---->
        </div>
        <!---->
      </div>
    </div>
  </div>
  <div>
    <div class="van-cell-group van-hairline--top-bottom">
      <div placeholder="请输入短信验证码" class="van-cell van-cell--center van-field">
        <!---->
        <div class="van-cell__title"><span>短信验证码</span>
          <!---->
        </div>
        <div class="van-cell__value">
          <div class="van-field__body">
            <input type="text" placeholder="请输入短信验证码" value="" class="van-field__control">
            <!---->
            <!---->
            <div class="van-field__button">
              <button class="van-button van-button--primary van-button--small"><span class="van-button__text">
          发送验证码
        </span></button>
            </div>
          </div>
          <!---->
        </div>
        <!---->
      </div>
    </div>
  </div>
</div>
`;