mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
807 lines
22 KiB
Plaintext
807 lines
22 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should render demo and match snapshot 1`] = `
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar">
|
|
<button type="button"
|
|
class="van-picker__cancel"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<div class="van-picker__title van-ellipsis">
|
|
Title
|
|
</div>
|
|
<button type="button"
|
|
class="van-picker__confirm"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
<div class="van-picker__columns"
|
|
style="height: 264px;"
|
|
>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Delaware
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Florida
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Georqia
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Indiana
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Maine
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker__mask"
|
|
style="background-size: 100% 110px;"
|
|
>
|
|
</div>
|
|
<div class="van-hairline-unset--top-bottom van-picker__frame"
|
|
style="height: 44px;"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar">
|
|
<button type="button"
|
|
class="van-picker__cancel"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<div class="van-picker__title van-ellipsis">
|
|
Title
|
|
</div>
|
|
<button type="button"
|
|
class="van-picker__confirm"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
<div class="van-picker__columns"
|
|
style="height: 264px;"
|
|
>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Delaware
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Florida
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Georqia
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Indiana
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Maine
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker__mask"
|
|
style="background-size: 100% 110px;"
|
|
>
|
|
</div>
|
|
<div class="van-hairline-unset--top-bottom van-picker__frame"
|
|
style="height: 44px;"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar">
|
|
<button type="button"
|
|
class="van-picker__cancel"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<div class="van-picker__title van-ellipsis">
|
|
Title
|
|
</div>
|
|
<button type="button"
|
|
class="van-picker__confirm"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
<div class="van-picker__columns"
|
|
style="height: 264px;"
|
|
>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Monday
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Tuesday
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Wednesday
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Thursday
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Friday
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Morning
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Afternoon
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Evening
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker__mask"
|
|
style="background-size: 100% 110px;"
|
|
>
|
|
</div>
|
|
<div class="van-hairline-unset--top-bottom van-picker__frame"
|
|
style="height: 44px;"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar">
|
|
<button type="button"
|
|
class="van-picker__cancel"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<div class="van-picker__title van-ellipsis">
|
|
Title
|
|
</div>
|
|
<button type="button"
|
|
class="van-picker__confirm"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
<div class="van-picker__columns"
|
|
style="height: 264px;"
|
|
>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Zhejiang
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Fujian
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Hangzhou
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Wenzhou
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Xihu
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Yuhang
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker__mask"
|
|
style="background-size: 100% 110px;"
|
|
>
|
|
</div>
|
|
<div class="van-hairline-unset--top-bottom van-picker__frame"
|
|
style="height: 44px;"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar">
|
|
<button type="button"
|
|
class="van-picker__cancel"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<div class="van-picker__title van-ellipsis">
|
|
Title
|
|
</div>
|
|
<button type="button"
|
|
class="van-picker__confirm"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
<div class="van-picker__columns"
|
|
style="height: 264px;"
|
|
>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="-1"
|
|
class="van-picker-column__item van-picker-column__item--disabled"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Delaware
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Florida
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Georqia
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker__mask"
|
|
style="background-size: 100% 110px;"
|
|
>
|
|
</div>
|
|
<div class="van-hairline-unset--top-bottom van-picker__frame"
|
|
style="height: 44px;"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar">
|
|
<button type="button"
|
|
class="van-picker__cancel"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<div class="van-picker__title van-ellipsis">
|
|
Title
|
|
</div>
|
|
<button type="button"
|
|
class="van-picker__confirm"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
<div class="van-picker__columns"
|
|
style="height: 264px;"
|
|
>
|
|
<div class="van-picker-column column1">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Group1
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Group2
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column column2">
|
|
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Delaware
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Florida
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Georqia
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Indiana
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Maine
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker__mask"
|
|
style="background-size: 100% 110px;"
|
|
>
|
|
</div>
|
|
<div class="van-hairline-unset--top-bottom van-picker__frame"
|
|
style="height: 44px;"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar">
|
|
<button type="button"
|
|
class="van-picker__cancel"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<div class="van-picker__title van-ellipsis">
|
|
Title
|
|
</div>
|
|
<button type="button"
|
|
class="van-picker__confirm"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
<div class="van-loading van-loading--circular van-picker__loading">
|
|
<span class="van-loading__spinner van-loading__spinner--circular">
|
|
<svg class="van-loading__circular"
|
|
viewbox="25 25 50 50"
|
|
>
|
|
<circle cx="50"
|
|
cy="50"
|
|
r="20"
|
|
fill="none"
|
|
>
|
|
</circle>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="van-picker__columns"
|
|
style="height: 264px;"
|
|
>
|
|
<div class="van-picker-column column1">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Group1
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Group2
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column column2">
|
|
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Delaware
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Florida
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Georqia
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Indiana
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Maine
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker__mask"
|
|
style="background-size: 100% 110px;"
|
|
>
|
|
</div>
|
|
<div class="van-hairline-unset--top-bottom van-picker__frame"
|
|
style="height: 44px;"
|
|
>
|
|
</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">
|
|
<label>
|
|
City
|
|
</label>
|
|
</div>
|
|
<div class="van-cell__value van-field__value">
|
|
<div class="van-field__body">
|
|
<input type="text"
|
|
class="van-field__control"
|
|
readonly
|
|
placeholder="Choose City"
|
|
>
|
|
</div>
|
|
</div>
|
|
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
|
</i>
|
|
</div>
|
|
<transition-stub>
|
|
</transition-stub>
|
|
<transition-stub>
|
|
</transition-stub>
|
|
</div>
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar">
|
|
<button type="button"
|
|
class="van-picker__cancel"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<div class="van-picker__title van-ellipsis">
|
|
Title
|
|
</div>
|
|
<button type="button"
|
|
class="van-picker__confirm"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
<div class="van-picker__columns"
|
|
style="height: 264px;"
|
|
>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Zhejiang
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Fujian
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Hangzhou
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Wenzhou
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column">
|
|
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
|
class="van-picker-column__wrapper"
|
|
>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item van-picker-column__item--selected"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Xihu
|
|
</div>
|
|
</li>
|
|
<li role="button"
|
|
style="height: 44px;"
|
|
tabindex="0"
|
|
class="van-picker-column__item"
|
|
>
|
|
<div class="van-ellipsis">
|
|
Yuhang
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker__mask"
|
|
style="background-size: 100% 110px;"
|
|
>
|
|
</div>
|
|
<div class="van-hairline-unset--top-bottom van-picker__frame"
|
|
style="height: 44px;"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|