ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2026-04-26 01:01:51 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[Improvement] Popup: support lazy render (#1138)

Browse Source
This commit is contained in:
neverland
2018-05-23 11:01:27 +08:00
committed by GitHub
parent 7f10d99d3d
commit cb992ce979
14 changed files with 223 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/popup/test/__snapshots__/demo.spec.js.snap
+4 -36
View File
@@ -5,50 +5,18 @@ exports[`renders demo correctly 1`] = `
<div>
<button class="van-button van-button--default van-button--normal">
<!----><span class="van-button__text">弹出 Popup</span></button>
<div class="van-popup" style="display:none;">内容</div>
<!---->
</div>
<div>
<button class="van-button van-button--default van-button--normal">
<!----><span class="van-button__text">底部弹出</span></button>
<div class="van-popup van-popup--bottom" style="display:none;">
<div class="van-picker">
<div class="van-hairline--top-bottom van-picker__toolbar">
<div class="van-picker__cancel">取消</div>
<!---->
<div class="van-picker__confirm">确认</div>
</div>
<!---->
<div class="van-picker__columns" style="height:220px;">
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">杭州</li>
<li class="van-ellipsis van-picker-column__item">宁波</li>
<li class="van-ellipsis van-picker-column__item">温州</li>
<li class="van-ellipsis van-picker-column__item">嘉兴</li>
<li class="van-ellipsis van-picker-column__item">湖州</li>
</ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height:44px;"></div>
</div>
</div>
</div>
<!---->
<button class="van-button van-button--default van-button--normal">
<!----><span class="van-button__text">顶部弹出</span></button>
<div class="van-popup van-popup--top" style="display:none;">
内容
</div>
<!---->
<button class="van-button van-button--default van-button--normal">
<!----><span class="van-button__text">右侧弹出</span></button>
<div class="van-popup van-popup--right" style="display:none;">
<button class="van-button van-button--default van-button--normal">
<!----><span class="van-button__text">关闭弹层</span></button>
<button class="van-button van-button--default van-button--normal">
<!----><span class="van-button__text">右侧弹出</span></button>
<div class="van-popup van-popup--right" style="display:none;">
<button class="van-button van-button--default van-button--normal">
<!----><span class="van-button__text">关闭弹层</span></button>
</div>
</div>
<!---->
</div>
</div>
`;