278 lines
15 KiB
Plaintext
278 lines
15 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders demo correctly 1`] = `
|
|
<div>
|
|
<div>
|
|
<div class="van-picker">
|
|
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
|
|
<div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
|
</div>
|
|
<!---->
|
|
<div class="van-picker__columns" style="height: 264px;">
|
|
<div class="van-picker-column">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">杭州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">宁波</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">温州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">嘉兴</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">湖州</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">取消</button>
|
|
<div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
|
</div>
|
|
<!---->
|
|
<div class="van-picker__columns" style="height: 264px;">
|
|
<div class="van-picker-column">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">杭州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">宁波</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">温州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">嘉兴</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">湖州</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">取消</button>
|
|
<div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
|
</div>
|
|
<!---->
|
|
<div class="van-picker__columns" style="height: 264px;">
|
|
<div class="van-picker-column">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">周一</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">周二</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">周三</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">周四</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">周五</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">上午</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">下午</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">晚上</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">取消</button>
|
|
<div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
|
</div>
|
|
<!---->
|
|
<div class="van-picker__columns" style="height: 264px;">
|
|
<div class="van-picker-column">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">浙江</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">福建</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">杭州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">温州</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">西湖区</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">余杭区</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">取消</button>
|
|
<div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
|
</div>
|
|
<!---->
|
|
<div class="van-picker__columns" style="height: 264px;">
|
|
<div class="van-picker-column">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="-1" class="van-picker-column__item van-picker-column__item--disabled" style="height: 44px;">
|
|
<div class="van-ellipsis">杭州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">宁波</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">温州</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">取消</button>
|
|
<div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
|
</div>
|
|
<!---->
|
|
<div class="van-picker__columns" style="height: 264px;">
|
|
<div class="van-picker-column column1">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">浙江</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">福建</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column column2">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">杭州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">宁波</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">温州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">嘉兴</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">湖州</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">取消</button>
|
|
<div class="van-ellipsis van-picker__title">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
|
</div>
|
|
<div class="van-loading van-loading--circular van-picker__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><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 class="van-picker-column__wrapper" style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">浙江</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">福建</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="van-picker-column column2">
|
|
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;">
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">杭州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">宁波</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item van-picker-column__item--selected" style="height: 44px;">
|
|
<div class="van-ellipsis">温州</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">嘉兴</div>
|
|
</li>
|
|
<li role="button" tabindex="0" class="van-picker-column__item" style="height: 44px;">
|
|
<div class="van-ellipsis">湖州</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 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" readonly="readonly" placeholder="选择城市" class="van-field__control"></div>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
`;
|