521 lines
16 KiB
Plaintext
521 lines
16 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should render demo and match snapshot 1`] = `
|
|
<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"
|
|
class="van-field__control"
|
|
placeholder="用户名"
|
|
>
|
|
</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"
|
|
class="van-field__control"
|
|
placeholder="密码"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="margin: 16px 16px 0px;">
|
|
<button type="submit"
|
|
class="van-button van-button--primary 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"
|
|
class="van-field__control"
|
|
placeholder="正则校验"
|
|
>
|
|
</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"
|
|
class="van-field__control"
|
|
placeholder="函数校验"
|
|
>
|
|
</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"
|
|
class="van-field__control"
|
|
placeholder="异步函数校验"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="margin: 16px 16px 0px;">
|
|
<button type="submit"
|
|
class="van-button van-button--primary 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"
|
|
class="van-switch"
|
|
style="font-size: 20px;"
|
|
aria-checked="false"
|
|
>
|
|
<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"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
bindgroup="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--square">
|
|
<i class="van-badge__wrapper 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"
|
|
class="van-checkbox van-checkbox--horizontal"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
bindgroup="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--square">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 1
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox van-checkbox--horizontal"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
bindgroup="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--square">
|
|
<i class="van-badge__wrapper 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 class="van-radio-group van-radio-group--horizontal"
|
|
role="radiogroup"
|
|
>
|
|
<div role="radio"
|
|
class="van-radio van-radio--horizontal"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-radio__label">
|
|
单选框 1
|
|
</span>
|
|
</div>
|
|
<div role="radio"
|
|
class="van-radio van-radio--horizontal"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-radio__icon van-radio__icon--round">
|
|
<i class="van-badge__wrapper 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"
|
|
class="van-stepper__input"
|
|
inputmode="decimal"
|
|
aria-valuemax="Infinity"
|
|
aria-valuemin="1"
|
|
aria-valuenow="1"
|
|
>
|
|
<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 role="radiogroup"
|
|
class="van-rate"
|
|
tabindex="0"
|
|
>
|
|
<div role="radio"
|
|
class="van-rate__item"
|
|
tabindex="0"
|
|
aria-setsize="5"
|
|
aria-posinset="1"
|
|
aria-checked="true"
|
|
>
|
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
|
data-score="1"
|
|
>
|
|
</i>
|
|
</div>
|
|
<div role="radio"
|
|
class="van-rate__item"
|
|
tabindex="0"
|
|
aria-setsize="5"
|
|
aria-posinset="2"
|
|
aria-checked="true"
|
|
>
|
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
|
data-score="2"
|
|
>
|
|
</i>
|
|
</div>
|
|
<div role="radio"
|
|
class="van-rate__item"
|
|
tabindex="0"
|
|
aria-setsize="5"
|
|
aria-posinset="3"
|
|
aria-checked="true"
|
|
>
|
|
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
|
data-score="3"
|
|
>
|
|
</i>
|
|
</div>
|
|
<div role="radio"
|
|
class="van-rate__item"
|
|
tabindex="0"
|
|
aria-setsize="5"
|
|
aria-posinset="4"
|
|
aria-checked="false"
|
|
>
|
|
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
|
data-score="4"
|
|
>
|
|
</i>
|
|
</div>
|
|
<div role="radio"
|
|
class="van-rate__item"
|
|
tabindex="0"
|
|
aria-setsize="5"
|
|
aria-posinset="5"
|
|
aria-checked="false"
|
|
>
|
|
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
|
data-score="5"
|
|
>
|
|
</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%; left: 0%;"
|
|
>
|
|
<div role="slider"
|
|
class="van-slider__button-wrapper"
|
|
tabindex="0"
|
|
aria-valuemin="0"
|
|
aria-valuenow="50"
|
|
aria-valuemax="100"
|
|
aria-orientation="horizontal"
|
|
>
|
|
<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://img.yzcdn.cn/vant/leaf.jpg"
|
|
class="van-image__img"
|
|
style="object-fit: cover;"
|
|
>
|
|
<div class="van-image__loading">
|
|
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div class="van-uploader__preview-delete">
|
|
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div class="van-uploader__upload">
|
|
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
|
</i>
|
|
<input type="file"
|
|
class="van-uploader__input"
|
|
accept="image/*"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-cell van-cell--clickable van-field"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<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"
|
|
class="van-field__control"
|
|
readonly
|
|
placeholder="点击选择城市"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-cell van-cell--clickable van-field"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<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"
|
|
class="van-field__control"
|
|
readonly
|
|
placeholder="点击选择时间"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-cell van-cell--clickable van-field"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<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"
|
|
class="van-field__control"
|
|
readonly
|
|
placeholder="点击选择省市区"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-cell van-cell--clickable van-field"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<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"
|
|
class="van-field__control"
|
|
readonly
|
|
placeholder="点击选择日期"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="margin: 16px 16px 0px;">
|
|
<button type="submit"
|
|
class="van-button van-button--primary 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>
|
|
`;
|