mirror of
https://github.com/youzan/vant.git
synced 2025-10-18 09:24:25 +00:00
338 lines
8.8 KiB
Plaintext
338 lines
8.8 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should render demo and match snapshot 1`] = `
|
|
<div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div role="checkbox"
|
|
class="van-checkbox van-checkbox--disabled"
|
|
tabindex="-1"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label van-checkbox__label--disabled">
|
|
复选框
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox van-checkbox--disabled"
|
|
tabindex="-1"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label van-checkbox__label--disabled">
|
|
复选框
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--square van-checkbox__icon--checked">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
自定义颜色
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
|
|
<i class="van-badge__wrapper van-icon van-icon-success"
|
|
style="border-color: #07c160; background-color: rgb(7, 193, 96);"
|
|
>
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
自定义颜色
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
|
|
style="font-size: 24px;"
|
|
>
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
自定义大小
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
|
|
<img src="https://img.yzcdn.cn/vant/user-active.png">
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
自定义图标
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div role="checkbox"
|
|
class="van-checkbox van-checkbox--label-disabled"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-checkbox-group">
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 a
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="true"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 b
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-checkbox-group van-checkbox-group--horizontal">
|
|
<div role="checkbox"
|
|
class="van-checkbox van-checkbox--horizontal"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 a
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox van-checkbox--horizontal"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 b
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-checkbox-group">
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 a
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 b
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 c
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-checkbox-group">
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 a
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 b
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
<span class="van-checkbox__label">
|
|
复选框 c
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="demo-checkbox-buttons">
|
|
<button type="button"
|
|
class="van-button van-button--primary van-button--normal"
|
|
>
|
|
<div class="van-button__content">
|
|
<span class="van-button__text">
|
|
全选
|
|
</span>
|
|
</div>
|
|
</button>
|
|
<button type="button"
|
|
class="van-button van-button--primary van-button--normal"
|
|
>
|
|
<div class="van-button__content">
|
|
<span class="van-button__text">
|
|
反选
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-checkbox-group">
|
|
<div class="van-cell-group van-hairline--top-bottom">
|
|
<div class="van-cell van-cell--clickable"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<div class="van-cell__title">
|
|
<span>
|
|
复选框 a
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-cell van-cell--clickable"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<div class="van-cell__title">
|
|
<span>
|
|
复选框 b
|
|
</span>
|
|
</div>
|
|
<div role="checkbox"
|
|
class="van-checkbox"
|
|
tabindex="0"
|
|
aria-checked="false"
|
|
>
|
|
<div class="van-checkbox__icon van-checkbox__icon--round">
|
|
<i class="van-badge__wrapper van-icon van-icon-success">
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|