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

test: update all snapshots

Browse Source
This commit is contained in:
chenjiahan
2020-11-21 22:27:11 +08:00
parent 3851c9a220
commit 9acac4c2b1
80 changed files with 16198 additions and 6923 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/grid/test/__snapshots__/demo.spec.js.snap
+430 -241
View File
@@ -3,268 +3,457 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
</div>
</div>
<div>
<div class="van-grid">
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-1.jpg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center">
<div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-2.jpg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center">
<div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-3.jpg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
</div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>
<div>
<div style="padding-left: 10px;" class="van-grid">
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 50%;">
<div role="button" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">路由跳转</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 50%;">
<div role="button" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">URL 跳转</span></div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 50%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon">
<!---->
<!---->
<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
<div class="van-image">
<img src="https://img.yzcdn.cn/vant/apple-1.jpg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 50%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon">
<!---->
<!---->
<div class="van-badge van-badge--fixed">99+</div>
</i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<div class="van-image">
<img src="https://img.yzcdn.cn/vant/apple-2.jpg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<div class="van-image">
<img src="https://img.yzcdn.cn/vant/apple-3.jpg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
</div>
</div>
<div>
<div style="padding-left: 10px;"
class="van-grid"
>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div role="button"
class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
tabindex="0"
>
<i class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
路由跳转
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div role="button"
class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
tabindex="0"
>
<i class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon">
</i>
<span class="van-grid-item__text">
URL 跳转
</span>
</div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon">
<div class="van-badge van-badge--dot van-badge--fixed">
</div>
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon">
<div class="van-badge van-badge--fixed">
99+
</div>
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
</div>
</div>