vant/src/form/test/__snapshots__/demo.spec.js.snap

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

exports[`renders demo correctly 1`] = `
<div>
  <div>
    <form class="van-form">
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>用户名</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="text" name="username" placeholder="用户名" class="van-field__control"></div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>密码</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="password" name="password" placeholder="密码" class="van-field__control"></div>
        </div>
      </div>
      <div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--info van-button--normal van-button--block van-button--round">
          <div class="van-button__content"><span class="van-button__text">
        提交
      </span></div>
        </button></div>
    </form>
  </div>
  <div>
    <form class="van-form">
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>文本</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="text" name="pattern" placeholder="正则校验" class="van-field__control"></div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>文本</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="text" name="validator" placeholder="函数校验" class="van-field__control"></div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>文本</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="text" name="asyncValidator" placeholder="异步函数校验" class="van-field__control"></div>
        </div>
      </div>
      <div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--info van-button--normal van-button--block van-button--round">
          <div class="van-button__content"><span class="van-button__text">
        提交
      </span></div>
        </button></div>
    </form>
  </div>
  <div>
    <form class="van-form">
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>开关</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div role="switch" aria-checked="false" class="van-switch" style="font-size: 20px;">
                <div class="van-switch__node"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>复选框</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
                <div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-icon van-icon-success">
                    <!----></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>复选框组</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div class="van-checkbox-group van-checkbox-group--horizontal">
                <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-checkbox--horizontal">
                  <div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-icon van-icon-success">
                      <!----></i></div><span class="van-checkbox__label">
            复选框 1
          </span>
                </div>
                <div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-checkbox--horizontal">
                  <div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-icon van-icon-success">
                      <!----></i></div><span class="van-checkbox__label">
            复选框 2
          </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>单选框</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div role="radiogroup" class="van-radio-group van-radio-group--horizontal">
                <div role="radio" tabindex="0" aria-checked="true" class="van-radio van-radio--horizontal">
                  <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success">
                      <!----></i></div><span class="van-radio__label">单选框 1</span>
                </div>
                <div role="radio" tabindex="-1" aria-checked="false" class="van-radio van-radio--horizontal">
                  <div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
                      <!----></i></div><span class="van-radio__label">单选框 2</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>步进器</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1" class="van-stepper__input"><button type="button" class="van-stepper__plus"></button></div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>评分</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div tabindex="0" role="radiogroup" class="van-rate">
                <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
                    <!----></i></div>
                <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
                    <!----></i></div>
                <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
                    <!----></i></div>
                <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
                    <!----></i></div>
                <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
                    <!----></i></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>滑块</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div class="van-slider">
                <div class="van-slider__bar" style="width: 50%;">
                  <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
                    <div class="van-slider__button"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div class="van-cell__title van-field__label"><span>文件上传</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <div class="van-uploader">
                <div class="van-uploader__wrapper">
                  <div class="van-uploader__preview">
                    <div class="van-image van-uploader__preview-image"><img src="https://img01.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
                      <div class="van-image__loading"><i class="van-icon van-icon-photo van-image__loading-icon">
                          <!----></i></div>
                    </div>
                    <div class="van-uploader__preview-delete"><i class="van-icon van-icon-cross van-uploader__preview-delete-icon">
                        <!----></i></div>
                  </div>
                  <div class="van-uploader__upload"><i class="van-icon van-icon-photograph van-uploader__upload-icon">
                      <!----></i><input type="file" accept="image/*" class="van-uploader__input"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div role="button" tabindex="0" class="van-cell van-cell--clickable van-field">
        <div class="van-cell__title van-field__label"><span>选择器</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="text" name="picker" readonly="readonly" placeholder="点击选择城市" class="van-field__control"></div>
        </div>
      </div>
      <div role="button" tabindex="0" class="van-cell van-cell--clickable van-field">
        <div class="van-cell__title van-field__label"><span>时间选择</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="text" name="datetimePicker" readonly="readonly" placeholder="点击选择时间" class="van-field__control"></div>
        </div>
      </div>
      <div role="button" tabindex="0" class="van-cell van-cell--clickable van-field">
        <div class="van-cell__title van-field__label"><span>地区选择</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="text" name="area" readonly="readonly" placeholder="点击选择省市区" class="van-field__control"></div>
        </div>
      </div>
      <div role="button" tabindex="0" class="van-cell van-cell--clickable van-field">
        <div class="van-cell__title van-field__label"><span>日历</span></div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body"><input type="text" name="calendar" readonly="readonly" placeholder="点击选择日期" class="van-field__control"></div>
        </div>
      </div>
      <div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--info van-button--normal van-button--block van-button--round">
          <div class="van-button__content"><span class="van-button__text">
        提交
      </span></div>
        </button></div>
    </form>
  </div>
</div>
`;