alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[new feature] add skeleton component

Browse Source
This commit is contained in:
陈嘉涵
2019-04-30 14:35:01 +08:00
parent 39cb6c7897
commit e00f43e595
15 changed files with 546 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skeleton/test/__snapshots__/demo.spec.js.snap
+41
View File
@@ -0,0 +1,41 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders demo correctly 1`] = `
<div>
<div>
<div class="van-skeleton van-skeleton--animate">
<div class="van-skeleton__content">
<h3 class="van-skeleton__title" style="width:40%;"></h3>
<div class="van-skeleton__row" style="width:100%;"></div>
<div class="van-skeleton__row" style="width:100%;"></div>
<div class="van-skeleton__row" style="width:60%;"></div>
</div>
</div>
</div>
<div>
<div class="van-skeleton van-skeleton--animate">
<div class="van-skeleton__avatar van-skeleton__avatar--round" style="width:32px;height:32px;"></div>
<div class="van-skeleton__content">
<h3 class="van-skeleton__title" style="width:40%;"></h3>
<div class="van-skeleton__row" style="width:100%;"></div>
<div class="van-skeleton__row" style="width:100%;"></div>
<div class="van-skeleton__row" style="width:60%;"></div>
</div>
</div>
</div>
<div>
<div class="van-switch" style="font-size:24px;">
<div class="van-switch__node"></div>
</div>
<div class="van-skeleton van-skeleton--animate">
<div class="van-skeleton__avatar van-skeleton__avatar--round" style="width:32px;height:32px;"></div>
<div class="van-skeleton__content">
<h3 class="van-skeleton__title" style="width:40%;"></h3>
<div class="van-skeleton__row" style="width:100%;"></div>
<div class="van-skeleton__row" style="width:100%;"></div>
<div class="van-skeleton__row" style="width:60%;"></div>
</div>
</div>
</div>
</div>
`;