mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-05-21 22:09:16 +08:00
test: update all snapshots
This commit is contained in:
chenjiahan
parent
3851c9a220
commit
9acac4c2b1
@ -1,10 +1,13 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render default slot correctly 1`] = `
|
||||
<button type="button" class="van-button van-button--default van-button--large van-action-bar-button">
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--large van-action-bar-button"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">Content</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
Content
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
`;
|
||||
|
||||
@ -1,35 +1,53 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render default slot correctly 1`] = `
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-undefined van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>Content
|
||||
</div>
|
||||
Content
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render icon slot correctly 1`] = `
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon
|
||||
<!---->
|
||||
</div>Content
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-action-bar-icon__icon">
|
||||
Custom Icon
|
||||
</div>
|
||||
Content
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render icon slot with badge correctly 1`] = `
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon<div class="van-badge van-badge--fixed">1</div>
|
||||
</div>Content
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-action-bar-icon__icon">
|
||||
Custom Icon
|
||||
<div class="van-badge van-badge--fixed">
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
Content
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render icon slot with dot correctly 1`] = `
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
<!---->
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-action-bar-icon__icon">
|
||||
Custom Icon
|
||||
<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
</div>
|
||||
</div>Content
|
||||
</div>
|
||||
Content
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -3,130 +3,181 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-action-bar">
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>客服
|
||||
</div>
|
||||
客服
|
||||
</div>
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>购物车
|
||||
</div>
|
||||
购物车
|
||||
</div>
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-shop-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>店铺
|
||||
</div><button type="button" class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last van-action-bar-button--first">
|
||||
</div>
|
||||
店铺
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last van-action-bar-button--first"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">立即购买</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
立即购买
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-action-bar">
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
<!---->
|
||||
</div>
|
||||
</div>客服
|
||||
</div>
|
||||
客服
|
||||
</div>
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-badge van-badge--fixed">5</div>
|
||||
</div>购物车
|
||||
<div class="van-badge van-badge--fixed">
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
购物车
|
||||
</div>
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-shop-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-badge van-badge--fixed">12</div>
|
||||
</div>店铺
|
||||
</div><button type="button" class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first">
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">加入购物车</span>
|
||||
<!---->
|
||||
<div class="van-badge van-badge--fixed">
|
||||
12
|
||||
</div>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last">
|
||||
店铺
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">立即购买</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
加入购物车
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
立即购买
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-action-bar">
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon" style="color: rgb(7, 193, 96);">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>客服
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon"
|
||||
style="color: rgb(7, 193, 96);"
|
||||
>
|
||||
</div>
|
||||
客服
|
||||
</div>
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>购物车
|
||||
</div>
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div class="van-badge__wrapper van-icon van-icon-star van-action-bar-icon__icon" style="color: rgb(255, 80, 0);">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>已收藏
|
||||
</div><button type="button" class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first">
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">加入购物车</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last">
|
||||
购物车
|
||||
</div>
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-star van-action-bar-icon__icon"
|
||||
style="color: rgb(255, 80, 0);"
|
||||
>
|
||||
</div>
|
||||
已收藏
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">立即购买</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
加入购物车
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
立即购买
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-action-bar">
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>客服
|
||||
</div>
|
||||
<div role="button" class="van-action-bar-icon" tabindex="0">
|
||||
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>购物车
|
||||
</div><button type="button" class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first" style="color: rgb(255, 255, 255); border-color: #be99ff; background: rgb(190, 153, 255);">
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">加入购物车</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
|
||||
客服
|
||||
</div>
|
||||
<div role="button"
|
||||
class="van-action-bar-icon"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
|
||||
</div>
|
||||
购物车
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first"
|
||||
style="color: rgb(255, 255, 255); border-color: #be99ff; background: rgb(190, 153, 255);"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">立即购买</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
加入购物车
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last"
|
||||
style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
立即购买
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -2,6 +2,5 @@
|
||||
|
||||
exports[`should allow to disable safe-area-inset-bottom prop 1`] = `
|
||||
<div class="van-action-bar van-action-bar--unfit">
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,94 +2,89 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>基础用法</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
基础用法
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>展示取消按钮</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
展示取消按钮
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>展示描述信息</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
展示描述信息
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>选项状态</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
选项状态
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义面板</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义面板
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
@ -2,37 +2,49 @@
|
||||
|
||||
exports[`should allow to custom close icon with closeIcon prop 1`] = `
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-action-sheet__close">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
</i>
|
||||
`;
|
||||
|
||||
exports[`should render default slot correctly 1`] = `
|
||||
<transition-stub>
|
||||
<div class="van-overlay">
|
||||
<!---->
|
||||
</div>
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<div class="van-popup van-popup--round van-popup--bottom van-action-sheet">
|
||||
<div class="van-action-sheet__header">Title<i class="van-badge__wrapper van-icon van-icon-cross van-action-sheet__close">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-action-sheet__header">
|
||||
Title
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-action-sheet__close">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-action-sheet__content">
|
||||
<!---->Default</div>
|
||||
<!---->
|
||||
<!---->
|
||||
Default
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
exports[`should render description correctly 1`] = `<div class="van-action-sheet__description">This is a description</div>`;
|
||||
exports[`should render description correctly 1`] = `
|
||||
<div class="van-action-sheet__description">
|
||||
This is a description
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render description slot when match snapshot 1`] = `<div class="van-action-sheet__description">Custom Description</div>`;
|
||||
exports[`should render description slot when match snapshot 1`] = `
|
||||
<div class="van-action-sheet__description">
|
||||
Custom Description
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render subname correctly 1`] = `
|
||||
<button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span>
|
||||
<div class="van-action-sheet__subname">Subname</div></button>
|
||||
<button type="button"
|
||||
class="van-action-sheet__item"
|
||||
>
|
||||
<span class="van-action-sheet__name">
|
||||
Option
|
||||
</span>
|
||||
<div class="van-action-sheet__subname">
|
||||
Subname
|
||||
</div>
|
||||
</button>
|
||||
`;
|
||||
|
||||
@ -5,122 +5,126 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-address-edit">
|
||||
<div class="van-address-edit__fields">
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>姓名</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="收货人姓名">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="收货人姓名"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>电话</span>
|
||||
<!---->
|
||||
<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="tel" class="van-field__control" placeholder="收货人手机号">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="tel"
|
||||
class="van-field__control"
|
||||
placeholder="收货人手机号"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>地区</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-field"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<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" class="van-field__control" readonly="" placeholder="选择省 / 市 / 区">
|
||||
<!---->
|
||||
<div class="van-field__right-icon"><i class="van-badge__wrapper van-icon van-icon-arrow">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
placeholder="选择省 / 市 / 区"
|
||||
>
|
||||
<div class="van-field__right-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field van-address-edit-detail">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>详细地址</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
详细地址
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body"><textarea rows="1" class="van-field__control" placeholder="街道门牌、楼层房间号等信息" style="height: auto;"></textarea>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<textarea rows="1"
|
||||
class="van-field__control"
|
||||
placeholder="街道门牌、楼层房间号等信息"
|
||||
style="height: auto;"
|
||||
>
|
||||
</textarea>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>邮政编码</span>
|
||||
<!---->
|
||||
<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="tel" class="van-field__control" placeholder="邮政编码">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="tel"
|
||||
class="van-field__control"
|
||||
placeholder="邮政编码"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center van-address-edit__default">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>设为默认收货地址</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
设为默认收货地址
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
<div role="switch" class="van-switch" style="font-size: 24px;" aria-checked="false">
|
||||
<div role="switch"
|
||||
class="van-switch"
|
||||
style="font-size: 24px;"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-address-edit__buttons"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round">
|
||||
<div class="van-address-edit__buttons">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">保存</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
保存
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--default van-button--normal van-button--block van-button--round">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal van-button--block van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">删除</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<!--teleport start-->
|
||||
<!--teleport end-->
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -3,74 +3,99 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-address-list">
|
||||
<!---->
|
||||
<div class="van-radio-group" role="radiogroup">
|
||||
<div class="van-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div class="van-address-item">
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-address-item__value">
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 18px;"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label"><div class="van-address-item__name">张三 13000000000<transition-stub class="van-address-item__tag"><span class="van-tag van-tag--round van-tag--danger">默认<!----></span></transition-stub>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"
|
||||
style="font-size: 18px;"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
<div class="van-address-item__name">
|
||||
张三 13000000000
|
||||
<transition-stub class="van-address-item__tag">
|
||||
<span class="van-tag van-tag--round van-tag--danger">
|
||||
默认
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div class="van-address-item__address">
|
||||
浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-address-item__address">浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室</div></span>
|
||||
</div>
|
||||
</div><i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-address-item">
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-address-item__value">
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round" style="font-size: 18px;"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label"><div class="van-address-item__name">李四 1310000000<!----></div><div class="van-address-item__address">浙江省杭州市拱墅区莫干山路 50 号</div></span>
|
||||
</div>
|
||||
</div><i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-address-list__disabled-text">以下地址超出配送范围</div>
|
||||
<div class="van-address-item van-address-item--disabled">
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-address-item__value">
|
||||
<div class="van-address-item__name">王五 1320000000
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-address-item__address">浙江省杭州市滨江区江南大道 15 号</div>
|
||||
</div><i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-address-list__bottom"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-list__add">
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">新增地址</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button></div>
|
||||
</div>
|
||||
<div class="van-address-item">
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<div class="van-cell__value van-cell__value--alone van-address-item__value">
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round"
|
||||
style="font-size: 18px;"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
<div class="van-address-item__name">
|
||||
李四 1310000000
|
||||
</div>
|
||||
<div class="van-address-item__address">
|
||||
浙江省杭州市拱墅区莫干山路 50 号
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-address-list__disabled-text">
|
||||
以下地址超出配送范围
|
||||
</div>
|
||||
<div class="van-address-item van-address-item--disabled">
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<div class="van-cell__value van-cell__value--alone van-address-item__value">
|
||||
<div class="van-address-item__name">
|
||||
王五 1320000000
|
||||
</div>
|
||||
<div class="van-address-item__address">
|
||||
浙江省杭州市滨江区江南大道 15 号
|
||||
</div>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-address-list__bottom">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-list__add"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
新增地址
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -3,39 +3,59 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-badge__wrapper">
|
||||
<div class="child"></div>
|
||||
<div class="van-badge van-badge--fixed">5</div>
|
||||
<div class="child">
|
||||
</div>
|
||||
<div class="van-badge van-badge--fixed">
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-badge__wrapper">
|
||||
<div class="child"></div>
|
||||
<div class="child">
|
||||
</div>
|
||||
<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-badge__wrapper">
|
||||
<div class="child"></div>
|
||||
<div class="van-badge van-badge--fixed">9+</div>
|
||||
<div class="child">
|
||||
</div>
|
||||
<div class="van-badge van-badge--fixed">
|
||||
9+
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-badge__wrapper">
|
||||
<div class="child"></div>
|
||||
<div class="van-badge van-badge--fixed">99+</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-badge__wrapper">
|
||||
<div class="child"></div>
|
||||
<div class="van-badge van-badge--fixed" style="background: rgb(25, 137, 250);">5</div>
|
||||
</div>
|
||||
<div class="van-badge__wrapper">
|
||||
<div class="child"></div>
|
||||
<div class="van-badge van-badge--dot van-badge--fixed" style="background: rgb(25, 137, 250);">
|
||||
<!---->
|
||||
<div class="child">
|
||||
</div>
|
||||
<div class="van-badge van-badge--fixed">
|
||||
99+
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-badge" style="margin-left: 16px;">99+</div>
|
||||
<div class="van-badge__wrapper">
|
||||
<div class="child">
|
||||
</div>
|
||||
<div class="van-badge van-badge--fixed"
|
||||
style="background: rgb(25, 137, 250);"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-badge__wrapper">
|
||||
<div class="child">
|
||||
</div>
|
||||
<div class="van-badge van-badge--dot van-badge--fixed"
|
||||
style="background: rgb(25, 137, 250);"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-badge"
|
||||
style="margin-left: 16px;"
|
||||
>
|
||||
99+
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1,9 +1,13 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render content slot correctly 1`] = `<div class="van-badge">Custom Content</div>`;
|
||||
exports[`should render content slot correctly 1`] = `
|
||||
<div class="van-badge">
|
||||
Custom Content
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render nothing when badge is empty string 1`] = `<!---->`;
|
||||
exports[`should render nothing when badge is empty string 1`] = ``;
|
||||
|
||||
exports[`should render nothing when badge is undefined 1`] = `<!---->`;
|
||||
exports[`should render nothing when badge is undefined 1`] = ``;
|
||||
|
||||
exports[`should render nothing when badge is zero 1`] = `<!---->`;
|
||||
exports[`should render nothing when badge is zero 1`] = ``;
|
||||
|
||||
@ -2,175 +2,355 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="demo-button-row"><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
<div class="demo-button-row">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">主要按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
主要按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--success van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">成功按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
成功按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--default van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">默认按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
默认按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div><button type="button" class="van-button van-button--danger van-button--normal">
|
||||
</button>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">危险按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
危险按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--warning van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--warning van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">警告按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
警告按钮
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--plain">
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--plain"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">朴素按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
朴素按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--success van-button--normal van-button--plain">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--plain"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">朴素按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
朴素按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">细边框按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
细边框按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--success van-button--normal van-button--plain van-button--hairline van-hairline--surround">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--plain van-button--hairline van-hairline--surround"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">细边框按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
细边框按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--disabled" disabled="">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--disabled"
|
||||
disabled
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">禁用状态</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
禁用状态
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--success van-button--normal van-button--disabled" disabled="">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--disabled"
|
||||
disabled
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">禁用状态</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
禁用状态
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--loading">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--loading"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-button__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="color: currentColor; width: 20px; height: 20px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal van-button--loading">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--loading"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<div class="van-loading van-loading--spinner van-button__loading"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: currentColor; width: 20px; height: 20px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--spinner van-button__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--spinner"
|
||||
style="color: currentColor; width: 20px; height: 20px;"
|
||||
>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--success van-button--normal van-button--loading">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--loading"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
</div><span class="van-button__text">加载中...</span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-button__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="color: currentColor; width: 20px; height: 20px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<span class="van-button__text">
|
||||
加载中...
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--square"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">方形按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
方形按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--success van-button--normal van-button--round">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">圆形按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
圆形按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><span class="van-button__text">按钮</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal van-button--plain">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-button__icon">
|
||||
<!----><img class="van-icon__image" src="https://img.yzcdn.cn/vant/user-active.png">
|
||||
<!----></i><span class="van-button__text">按钮</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--large">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">大号按钮</span>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
</i>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">普通按钮</span>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
</i>
|
||||
<span class="van-button__text">
|
||||
按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--small">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--plain"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">小型按钮</span>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-button__icon">
|
||||
<img class="van-icon__image"
|
||||
src="https://img.yzcdn.cn/vant/user-active.png"
|
||||
>
|
||||
</i>
|
||||
<span class="van-button__text">
|
||||
按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--mini">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--large"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">迷你按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
大号按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--block">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">块级元素</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
普通按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--small"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">URL 跳转</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
小型按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--mini"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">路由跳转</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
迷你按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--block"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">单色按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
块级元素
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--default van-button--normal van-button--plain" style="color: rgb(114, 50, 221); border-color: #7232dd;">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">单色按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
URL 跳转
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); border: 0px;">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">渐变色按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
路由跳转
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
单色按钮
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal van-button--plain"
|
||||
style="color: rgb(114, 50, 221); border-color: #7232dd;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
单色按钮
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
style="color: rgb(255, 255, 255); border: 0px;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
渐变色按钮
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1,33 +1,33 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should change icon class prefix when using icon-prefix prop 1`] = `
|
||||
<button type="button" class="van-button van-button--default van-button--normal">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper my-icon my-icon-success van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<!---->
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<i class="van-badge__wrapper my-icon my-icon-success van-button__icon">
|
||||
</i>
|
||||
</div>
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`should render icon in the right side when setting icon-position to right 1`] = `
|
||||
<button type="button" class="van-button van-button--default van-button--normal">
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!---->
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
</i>
|
||||
</div>
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`should render loading slot correctly 1`] = `
|
||||
<button type="button" class="van-button van-button--default van-button--normal van-button--loading">
|
||||
<div class="van-button__content">Custom Loading
|
||||
<!---->
|
||||
<!---->
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal van-button--loading"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
Custom Loading
|
||||
</div>
|
||||
</button>
|
||||
`;
|
||||
|
||||
@ -2,254 +2,311 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>选择单个日期</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
选择单个日期
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>选择多个日期</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
选择多个日期
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>选择日期区间</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
选择日期区间
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>选择单个日期</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
选择单个日期
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>选择日期区间</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
选择日期区间
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义颜色</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义颜色
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义日期范围</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义日期范围
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义按钮文字</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义按钮文字
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义日期文案</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义日期文案
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义弹出位置</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义弹出位置
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>日期区间最大范围</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
日期区间最大范围
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义周起始日</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义周起始日
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-calendar" style="height: 500px;">
|
||||
<div class="van-calendar"
|
||||
style="height: 500px;"
|
||||
>
|
||||
<div class="van-calendar__header">
|
||||
<div class="van-calendar__header-title">日历</div>
|
||||
<div class="van-calendar__header-subtitle"></div>
|
||||
<div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
|
||||
<div class="van-calendar__header-title">
|
||||
日历
|
||||
</div>
|
||||
<div class="van-calendar__header-subtitle">
|
||||
</div>
|
||||
<div class="van-calendar__weekdays">
|
||||
<span class="van-calendar__weekday">
|
||||
日
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
一
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
二
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
三
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
四
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
五
|
||||
</span>
|
||||
<span class="van-calendar__weekday">
|
||||
六
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__body">
|
||||
<div class="van-calendar__month">
|
||||
<!---->
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<!---->
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="grid"
|
||||
class="van-calendar__days"
|
||||
>
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__month">
|
||||
<div class="van-calendar__month-title">2012年2月</div>
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<!---->
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-calendar__month-title">
|
||||
2012年2月
|
||||
</div>
|
||||
<div role="grid"
|
||||
class="van-calendar__days"
|
||||
>
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__month">
|
||||
<div class="van-calendar__month-title">2012年3月</div>
|
||||
<div role="grid" class="van-calendar__days">
|
||||
<!---->
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-calendar__month-title">
|
||||
2012年3月
|
||||
</div>
|
||||
<div role="grid"
|
||||
class="van-calendar__days"
|
||||
>
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div role="gridcell"
|
||||
style="width: 100%;"
|
||||
class="van-calendar__day van-calendar__day--placeholder"
|
||||
tabindex="-1"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-calendar__footer">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
@ -3,114 +3,192 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-card">
|
||||
<div class="van-card__header"><a class="van-card__thumb">
|
||||
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-card__header">
|
||||
<a class="van-card__thumb">
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 100%;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/ipad.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</a>
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
|
||||
<div class="van-card__desc van-ellipsis">描述信息</div>
|
||||
<!---->
|
||||
<div class="van-card__title van-multi-ellipsis--l2">
|
||||
商品名称
|
||||
</div>
|
||||
<div class="van-card__desc van-ellipsis">
|
||||
描述信息
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__bottom">
|
||||
<!---->
|
||||
<div class="van-card__price">
|
||||
<div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
|
||||
<div>
|
||||
<span class="van-card__price-currency">
|
||||
¥
|
||||
</span>
|
||||
<span class="van-card__price-integer">
|
||||
2
|
||||
</span>
|
||||
.
|
||||
<span class="van-card__price-decimal">
|
||||
00
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__num">
|
||||
x2
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-card__num">x2</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-card">
|
||||
<div class="van-card__header"><a class="van-card__thumb">
|
||||
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-card__header">
|
||||
<a class="van-card__thumb">
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 100%;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/ipad.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__tag">
|
||||
<transition-stub><span class="van-tag van-tag--mark van-tag--danger">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--mark van-tag--danger">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
</a>
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
|
||||
<div class="van-card__desc van-ellipsis">描述信息</div>
|
||||
<!---->
|
||||
<div class="van-card__title van-multi-ellipsis--l2">
|
||||
商品名称
|
||||
</div>
|
||||
<div class="van-card__desc van-ellipsis">
|
||||
描述信息
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__bottom">
|
||||
<!---->
|
||||
<div class="van-card__price">
|
||||
<div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
|
||||
<div>
|
||||
<span class="van-card__price-currency">
|
||||
¥
|
||||
</span>
|
||||
<span class="van-card__price-integer">
|
||||
2
|
||||
</span>
|
||||
.
|
||||
<span class="van-card__price-decimal">
|
||||
00
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__origin-price">
|
||||
¥ 10.00
|
||||
</div>
|
||||
<div class="van-card__num">
|
||||
x2
|
||||
</div>
|
||||
<div class="van-card__origin-price">¥ 10.00</div>
|
||||
<div class="van-card__num">x2</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-card">
|
||||
<div class="van-card__header"><a class="van-card__thumb">
|
||||
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-card__header">
|
||||
<a class="van-card__thumb">
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 100%;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/ipad.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</a>
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
|
||||
<div class="van-card__desc van-ellipsis">描述信息</div>
|
||||
<div class="van-card__title van-multi-ellipsis--l2">
|
||||
商品名称
|
||||
</div>
|
||||
<div class="van-card__desc van-ellipsis">
|
||||
描述信息
|
||||
</div>
|
||||
<div>
|
||||
<transition-stub style="margin-right: 5px;"><span class="van-tag van-tag--plain van-tag--danger"> 标签 <!----></span></transition-stub>
|
||||
<transition-stub><span class="van-tag van-tag--plain van-tag--danger"> 标签 <!----></span></transition-stub>
|
||||
<transition-stub style="margin-right: 5px;">
|
||||
<span class="van-tag van-tag--plain van-tag--danger">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--plain van-tag--danger">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__bottom">
|
||||
<!---->
|
||||
<div class="van-card__price">
|
||||
<div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
|
||||
<div>
|
||||
<span class="van-card__price-currency">
|
||||
¥
|
||||
</span>
|
||||
<span class="van-card__price-integer">
|
||||
2
|
||||
</span>
|
||||
.
|
||||
<span class="van-card__price-decimal">
|
||||
00
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__num">
|
||||
x2
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-card__num">x2</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__footer">
|
||||
<div><button type="button" class="van-button van-button--default van-button--mini van-button--round">
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--mini van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--default van-button--mini van-button--round">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--mini van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,119 +2,95 @@
|
||||
|
||||
exports[`render thumb and tag slot correctly 1`] = `
|
||||
<div class="van-card">
|
||||
<div class="van-card__header"><a class="van-card__thumb">Custom Thumb<div class="van-card__tag">Custom Tag</div></a>
|
||||
<div class="van-card__header">
|
||||
<a class="van-card__thumb">
|
||||
Custom Thumb
|
||||
<div class="van-card__tag">
|
||||
Custom Tag
|
||||
</div>
|
||||
</a>
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render bottom slot correctly 1`] = `
|
||||
<div class="van-card">
|
||||
<div class="van-card__header">
|
||||
<!---->
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-card__bottom">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->Custom Bottom</div>
|
||||
Custom Bottom
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render origin-price slot correctly 1`] = `
|
||||
<div class="van-card">
|
||||
<div class="van-card__header">
|
||||
<!---->
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-card__bottom">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-card__origin-price">Custom Origin Price</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-card__origin-price">
|
||||
Custom Origin Price
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render price and num slot correctly 1`] = `
|
||||
<div class="van-card">
|
||||
<div class="van-card__header">
|
||||
<!---->
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-card__bottom">
|
||||
<!---->
|
||||
<div class="van-card__price">Custom Price</div>
|
||||
<!---->
|
||||
<div class="van-card__num">Custom Num</div>
|
||||
<!---->
|
||||
<div class="van-card__price">
|
||||
Custom Price
|
||||
</div>
|
||||
<div class="van-card__num">
|
||||
Custom Num
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render price and price-top slot correctly 1`] = `
|
||||
<div class="van-card">
|
||||
<div class="van-card__header">
|
||||
<!---->
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-card__bottom">Custom Price-top<div class="van-card__price">Custom Price</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-card__bottom">
|
||||
Custom Price-top
|
||||
<div class="van-card__price">
|
||||
Custom Price
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render title and desc slot correctly 1`] = `
|
||||
<div class="van-card">
|
||||
<div class="van-card__header">
|
||||
<!---->
|
||||
<div class="van-card__content">
|
||||
<div>Custom TitleCustom desc
|
||||
<!---->
|
||||
<div>
|
||||
Custom TitleCustom desc
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1,8 +1,9 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render title slot correctly 1`] = `
|
||||
<div class="van-cell-group__title">Custom Title</div>
|
||||
<div class="van-cell-group__title">
|
||||
Custom Title
|
||||
</div>
|
||||
<div class="van-cell-group van-hairline--top-bottom">
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -4,188 +4,248 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell-group van-hairline--top-bottom">
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<div class="van-cell__label">描述信息</div>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
<div class="van-cell__label">
|
||||
描述信息
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--large">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--large">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<div class="van-cell__label">描述信息</div>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
<div class="van-cell__label">
|
||||
描述信息
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell"><i class="van-badge__wrapper van-icon van-icon-location-o van-cell__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-location-o van-cell__left-icon">
|
||||
</i>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
<div class="van-cell">
|
||||
<div class="van-cell__value van-cell__value--alone">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div><i class="van-badge__wrapper van-icon van-icon-arrow-down van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>URL 跳转</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>路由跳转</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow-down van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell-group__title">分组 1</div>
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
URL 跳转
|
||||
</span>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
路由跳转
|
||||
</span>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell-group__title">
|
||||
分组 1
|
||||
</div>
|
||||
<div class="van-cell-group van-hairline--top-bottom">
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-cell-group__title">分组 2</div>
|
||||
<div class="van-cell-group__title">
|
||||
分组 2
|
||||
</div>
|
||||
<div class="van-cell-group van-hairline--top-bottom">
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span class="custom-title">单元格</span>
|
||||
<transition-stub><span class="van-tag van-tag--danger">标签<!----></span></transition-stub>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span class="custom-title">
|
||||
单元格
|
||||
</span>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--danger">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell"><i class="van-badge__wrapper van-icon van-icon-shop-o van-cell__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
<div class="van-cell">
|
||||
<i class="van-badge__wrapper van-icon van-icon-shop-o van-cell__left-icon">
|
||||
</i>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-search search-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-search search-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<div class="van-cell__label">描述信息</div>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
<div class="van-cell__label">
|
||||
描述信息
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,70 +2,53 @@
|
||||
|
||||
exports[`should change arrow direction when using arrow-direction prop 1`] = `
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow-down van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
</i>
|
||||
`;
|
||||
|
||||
exports[`should change icon class prefix when using icon-prefix prop 1`] = `
|
||||
<div class="van-cell"><i class="van-badge__wrapper my-icon my-icon-success van-cell__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell">
|
||||
<i class="van-badge__wrapper my-icon my-icon-success van-cell__left-icon">
|
||||
</i>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render default slot correctly 1`] = `
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone">Custom Default</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone">
|
||||
Custom Default
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render extra slot correctly 1`] = `
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->Custom Extra</div>
|
||||
Custom Extra
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render icon slot correctly 1`] = `
|
||||
<div class="van-cell">Custom Icon
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell">
|
||||
Custom Icon
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render label slot correctly 1`] = `
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>Title</span>
|
||||
<div class="van-cell__label">Custom Label</div>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
Title
|
||||
</span>
|
||||
<div class="van-cell__label">
|
||||
Custom Label
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render title slot correctly 1`] = `
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title">Custom Title
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
Custom Title
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,183 +2,354 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox van-checkbox--disabled"
|
||||
tabindex="-1"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox van-checkbox--disabled"
|
||||
tabindex="-1"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox van-checkbox--label-disabled"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox van-checkbox--horizontal"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox van-checkbox--horizontal"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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" bindgroup="true">
|
||||
<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 role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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="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>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
全选
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">反选</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
反选
|
||||
</span>
|
||||
</div>
|
||||
</button></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 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" bindgroup="true">
|
||||
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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 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" bindgroup="true">
|
||||
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<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>
|
||||
|
||||
@ -2,65 +2,164 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
|
||||
<!---->
|
||||
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#1989fa"></path>
|
||||
<div class="van-circle"
|
||||
style="width: 100px; height: 100px;"
|
||||
>
|
||||
<svg viewbox="0 0 1040 1040">
|
||||
<path class="van-circle__hover"
|
||||
style="fill: none; stroke: #fff; stroke-width: 40px;"
|
||||
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
|
||||
>
|
||||
</path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
|
||||
style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
|
||||
class="van-circle__layer"
|
||||
stroke="#1989fa"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<div class="van-circle__text">70%</div>
|
||||
<div class="van-circle__text">
|
||||
70%
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1060 1060">
|
||||
<!---->
|
||||
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 60px;" d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
|
||||
<path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#1989fa"></path>
|
||||
<div class="van-circle"
|
||||
style="width: 100px; height: 100px;"
|
||||
>
|
||||
<svg viewbox="0 0 1060 1060">
|
||||
<path class="van-circle__hover"
|
||||
style="fill: none; stroke: #fff; stroke-width: 60px;"
|
||||
d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
|
||||
>
|
||||
</path>
|
||||
<path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
|
||||
style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;"
|
||||
class="van-circle__layer"
|
||||
stroke="#1989fa"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<div class="van-circle__text">宽度定制</div>
|
||||
<div class="van-circle__text">
|
||||
宽度定制
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
|
||||
<!---->
|
||||
<path class="van-circle__hover" style="fill: none; stroke: #ebedf0; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #ee0a24; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#ee0a24"></path>
|
||||
<div class="van-circle"
|
||||
style="width: 100px; height: 100px;"
|
||||
>
|
||||
<svg viewbox="0 0 1040 1040">
|
||||
<path class="van-circle__hover"
|
||||
style="fill: none; stroke: #ebedf0; stroke-width: 40px;"
|
||||
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
|
||||
>
|
||||
</path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
|
||||
style="stroke: #ee0a24; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
|
||||
class="van-circle__layer"
|
||||
stroke="#ee0a24"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<div class="van-circle__text">颜色定制</div>
|
||||
<div class="van-circle__text">
|
||||
颜色定制
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
|
||||
<div class="van-circle"
|
||||
style="width: 100px; height: 100px;"
|
||||
>
|
||||
<svg viewbox="0 0 1040 1040">
|
||||
<defs>
|
||||
<linearGradient id="van-circle-3" x1="100%" y1="0%" x2="0%" y2="0%">
|
||||
<stop offset="0%" stop-color="#3fecff"></stop>
|
||||
<stop offset="100%" stop-color="#6149f6"></stop>
|
||||
<linearGradient id="van-circle-3"
|
||||
x1="100%"
|
||||
y1="0%"
|
||||
x2="0%"
|
||||
y2="0%"
|
||||
>
|
||||
<stop offset="0%"
|
||||
stop-color="#3fecff"
|
||||
>
|
||||
</stop>
|
||||
<stop offset="100%"
|
||||
stop-color="#6149f6"
|
||||
>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="url(#van-circle-3)"></path>
|
||||
<path class="van-circle__hover"
|
||||
style="fill: none; stroke: #fff; stroke-width: 40px;"
|
||||
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
|
||||
>
|
||||
</path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
|
||||
style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
|
||||
class="van-circle__layer"
|
||||
stroke="url(#van-circle-3)"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<div class="van-circle__text">渐变色</div>
|
||||
<div class="van-circle__text">
|
||||
渐变色
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-circle" style="width: 100px; height: 100px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
|
||||
<!---->
|
||||
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"></path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" style="stroke: #07c160; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#07c160"></path>
|
||||
<div class="van-circle"
|
||||
style="width: 100px; height: 100px; margin-top: 15px;"
|
||||
>
|
||||
<svg viewbox="0 0 1040 1040">
|
||||
<path class="van-circle__hover"
|
||||
style="fill: none; stroke: #fff; stroke-width: 40px;"
|
||||
d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
|
||||
>
|
||||
</path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
|
||||
style="stroke: #07c160; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
|
||||
class="van-circle__layer"
|
||||
stroke="#07c160"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<div class="van-circle__text">逆时针</div>
|
||||
<div class="van-circle__text">
|
||||
逆时针
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-circle" style="width: 120px; height: 120px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
|
||||
<!---->
|
||||
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"></path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" style="stroke: #7232dd; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#7232dd"></path>
|
||||
<div class="van-circle"
|
||||
style="width: 120px; height: 120px; margin-top: 15px;"
|
||||
>
|
||||
<svg viewbox="0 0 1040 1040">
|
||||
<path class="van-circle__hover"
|
||||
style="fill: none; stroke: #fff; stroke-width: 40px;"
|
||||
d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
|
||||
>
|
||||
</path>
|
||||
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
|
||||
style="stroke: #7232dd; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
|
||||
class="van-circle__layer"
|
||||
stroke="#7232dd"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<div class="van-circle__text">大小定制</div>
|
||||
<div class="van-circle__text">
|
||||
大小定制
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 15px;"><button type="button" class="van-button van-button--primary van-button--small">
|
||||
<div style="margin-top: 15px;">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--small"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">增加</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
增加
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--danger van-button--small">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--small"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">减少</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
减少
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -3,45 +3,93 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--8">span: 8</div>
|
||||
<div class="van-col van-col--8">span: 8</div>
|
||||
<div class="van-col van-col--8">span: 8</div>
|
||||
<div class="van-col van-col--8">
|
||||
span: 8
|
||||
</div>
|
||||
<div class="van-col van-col--8">
|
||||
span: 8
|
||||
</div>
|
||||
<div class="van-col van-col--8">
|
||||
span: 8
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--4">span: 4</div>
|
||||
<div class="van-col van-col--10 van-col--offset-4"> offset: 4, span: 10 </div>
|
||||
<div class="van-col van-col--4">
|
||||
span: 4
|
||||
</div>
|
||||
<div class="van-col van-col--10 van-col--offset-4">
|
||||
offset: 4, span: 10
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--12 van-col--offset-12"> offset: 12, span: 12 </div>
|
||||
<div class="van-col van-col--12 van-col--offset-12">
|
||||
offset: 12, span: 12
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">span: 8</div>
|
||||
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;" class="van-col van-col--8">span: 8</div>
|
||||
<div style="padding-left: 13.333333333333332px;" class="van-col van-col--8">span: 8</div>
|
||||
<div class="van-col van-col--8"
|
||||
style="padding-right: 13.333333333333334px;"
|
||||
>
|
||||
span: 8
|
||||
</div>
|
||||
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
span: 8
|
||||
</div>
|
||||
<div style="padding-left: 13.333333333333332px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
span: 8
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-row van-row--justify-center">
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-row van-row--justify-end">
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-row van-row--justify-space-between">
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-row van-row--justify-space-around">
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">span: 6</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
span: 6
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,27 +2,78 @@
|
||||
|
||||
exports[`should render Col correcly 1`] = `
|
||||
<div class="van-col van-col--8">
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render gutter correctly 1`] = `
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--24">24</div>
|
||||
<div class="van-col van-col--12">12</div>
|
||||
<div style="padding-left: 12px;" class="van-col van-col--12">12</div>
|
||||
<div class="van-col van-col--8">8</div>
|
||||
<div style="padding-left: 12px;" class="van-col van-col--8">8</div>
|
||||
<div style="padding-left: 16px;" class="van-col van-col--8">8</div>
|
||||
<div class="van-col van-col--6">6</div>
|
||||
<div style="padding-left: 12px;" class="van-col van-col--6">6</div>
|
||||
<div style="padding-left: 16px;" class="van-col van-col--6">6</div>
|
||||
<div style="padding-left: 18px;" class="van-col van-col--6">6</div>
|
||||
<div class="van-col van-col--7">7</div>
|
||||
<div style="padding-left: 12px;" class="van-col van-col--6">6</div>
|
||||
<div style="padding-left: 16px;" class="van-col van-col--5">5</div>
|
||||
<div style="padding-left: 18px;" class="van-col van-col--4">4</div>
|
||||
<div class="van-col van-col--3">3</div>
|
||||
<div style="padding-left: 12px;" class="van-col van-col--2">2</div>
|
||||
<div class="van-col van-col--24">
|
||||
24
|
||||
</div>
|
||||
<div class="van-col van-col--12">
|
||||
12
|
||||
</div>
|
||||
<div style="padding-left: 12px;"
|
||||
class="van-col van-col--12"
|
||||
>
|
||||
12
|
||||
</div>
|
||||
<div class="van-col van-col--8">
|
||||
8
|
||||
</div>
|
||||
<div style="padding-left: 12px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
<div style="padding-left: 16px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
<div class="van-col van-col--6">
|
||||
6
|
||||
</div>
|
||||
<div style="padding-left: 12px;"
|
||||
class="van-col van-col--6"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
<div style="padding-left: 16px;"
|
||||
class="van-col van-col--6"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
<div style="padding-left: 18px;"
|
||||
class="van-col van-col--6"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
<div class="van-col van-col--7">
|
||||
7
|
||||
</div>
|
||||
<div style="padding-left: 12px;"
|
||||
class="van-col van-col--6"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
<div style="padding-left: 16px;"
|
||||
class="van-col van-col--5"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
<div style="padding-left: 18px;"
|
||||
class="van-col van-col--4"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
<div class="van-col van-col--3">
|
||||
3
|
||||
</div>
|
||||
<div style="padding-left: 12px;"
|
||||
class="van-col van-col--2"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -4,179 +4,209 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-collapse van-hairline--top-bottom">
|
||||
<div class="van-collapse-item">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded" role="button" tabindex="0" aria-expanded="true" disabled="false">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题1</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="true"
|
||||
disabled="false"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题1
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-collapse-item__wrapper">
|
||||
<div class="van-collapse-item__content">代码是写出来给人看的，附带能在机器上运行</div>
|
||||
<div class="van-collapse-item__content">
|
||||
代码是写出来给人看的，附带能在机器上运行
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-collapse-item van-collapse-item--border">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题2</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="false"
|
||||
disabled="false"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题2
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-collapse-item van-collapse-item--border">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题3</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="false"
|
||||
disabled="false"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题3
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-collapse van-hairline--top-bottom">
|
||||
<div class="van-collapse-item">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded" role="button" tabindex="0" aria-expanded="true" disabled="false">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题1</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="true"
|
||||
disabled="false"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题1
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-collapse-item__wrapper">
|
||||
<div class="van-collapse-item__content">代码是写出来给人看的，附带能在机器上运行</div>
|
||||
<div class="van-collapse-item__content">
|
||||
代码是写出来给人看的，附带能在机器上运行
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-collapse-item van-collapse-item--border">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题2</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="false"
|
||||
disabled="false"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题2
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-collapse-item van-collapse-item--border">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题3</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="false"
|
||||
disabled="false"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题3
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-collapse van-hairline--top-bottom">
|
||||
<div class="van-collapse-item">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题1</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="false"
|
||||
disabled="false"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题1
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-collapse-item van-collapse-item--border">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled" role="button" tabindex="-1" aria-expanded="false" disabled="true">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题2</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled"
|
||||
role="button"
|
||||
tabindex="-1"
|
||||
aria-expanded="false"
|
||||
disabled="true"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题2
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-collapse-item van-collapse-item--border">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled" role="button" tabindex="-1" aria-expanded="false" disabled="true">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题3</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled"
|
||||
role="button"
|
||||
tabindex="-1"
|
||||
aria-expanded="false"
|
||||
disabled="true"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题3
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-collapse van-hairline--top-bottom">
|
||||
<div class="van-collapse-item">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
|
||||
<!---->
|
||||
<div class="van-cell__title">标题1<i class="van-badge__wrapper van-icon van-icon-question-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="false"
|
||||
disabled="false"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
标题1
|
||||
<i class="van-badge__wrapper van-icon van-icon-question-o">
|
||||
</i>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-collapse-item van-collapse-item--border">
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false"><i class="van-badge__wrapper van-icon van-icon-shop-o van-cell__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div class="van-cell__title"><span>标题2</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-collapse-item__title"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="false"
|
||||
disabled="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-shop-o van-cell__left-icon">
|
||||
</i>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题2
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,46 +2,50 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--center van-cell--clickable van-cell--borderless van-contact-card van-contact-card--add" role="button" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-add-square van-cell__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-card__value">添加联系人</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--center van-cell--clickable van-cell--borderless van-contact-card van-contact-card--edit" role="button" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-contact van-cell__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--center van-cell--clickable van-cell--borderless van-contact-card van-contact-card--add"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-add-square van-cell__left-icon">
|
||||
</i>
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-card__value">
|
||||
<div>张三：张三</div>
|
||||
<div>电话：13000000000</div>
|
||||
</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--center van-cell--borderless van-contact-card van-contact-card--edit"><i class="van-badge__wrapper van-icon van-icon-contact van-cell__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-card__value">
|
||||
<div>张三：张三</div>
|
||||
<div>电话：13000000000</div>
|
||||
添加联系人
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--center van-cell--clickable van-cell--borderless van-contact-card van-contact-card--edit"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-contact van-cell__left-icon">
|
||||
</i>
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-card__value">
|
||||
<div>
|
||||
张三：张三
|
||||
</div>
|
||||
<div>
|
||||
电话：13000000000
|
||||
</div>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--center van-cell--borderless van-contact-card van-contact-card--edit">
|
||||
<i class="van-badge__wrapper van-icon van-icon-contact van-cell__left-icon">
|
||||
</i>
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-card__value">
|
||||
<div>
|
||||
张三：张三
|
||||
</div>
|
||||
<div>
|
||||
电话：13000000000
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -6,64 +6,71 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-contact-edit">
|
||||
<div class="van-contact-edit__fields">
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>姓名</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="请填写姓名">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="请填写姓名"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>电话</span>
|
||||
<!---->
|
||||
<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="tel" class="van-field__control" placeholder="请填写电话">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="tel"
|
||||
class="van-field__control"
|
||||
placeholder="请填写电话"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-cell van-cell--borderless van-contact-edit__switch-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>设为默认联系人</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
设为默认联系人
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
<div role="switch" class="van-switch" style="font-size: 24px;" aria-checked="false">
|
||||
<div role="switch"
|
||||
class="van-switch"
|
||||
style="font-size: 24px;"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-contact-edit__buttons"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round">
|
||||
<div class="van-contact-edit__buttons">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">保存</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
保存
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--default van-button--normal van-button--block van-button--round">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal van-button--block van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">删除</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,45 +4,72 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
<div class="van-contact-list">
|
||||
<div class="van-radio-group van-contact-list__group" role="radiogroup">
|
||||
<div class="van-cell van-cell--center van-cell--clickable van-contact-list__item" role="button" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-edit van-contact-list__edit">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value">张三，13000000000<transition-stub class="van-contact-list__item-tag"><span class="van-tag van-tag--round van-tag--danger">默认<!----></span></transition-stub>
|
||||
<div class="van-radio-group van-contact-list__group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div class="van-cell van-cell--center van-cell--clickable van-contact-list__item"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-edit van-contact-list__edit">
|
||||
</i>
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value">
|
||||
张三，13000000000
|
||||
<transition-stub class="van-contact-list__item-tag">
|
||||
<span class="van-tag van-tag--round van-tag--danger">
|
||||
默认
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 16px;"><i class="van-badge__wrapper van-icon van-icon-success" style="border-color: #ee0a24; background-color: rgb(238, 10, 36);">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"
|
||||
style="font-size: 16px;"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-success"
|
||||
style="border-color: #ee0a24; background-color: rgb(238, 10, 36);"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center van-cell--clickable van-contact-list__item" role="button" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-edit van-contact-list__edit">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value">李四，1310000000</div>
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round" style="font-size: 16px;"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--center van-cell--clickable van-contact-list__item"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-edit van-contact-list__edit">
|
||||
</i>
|
||||
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value">
|
||||
李四，1310000000
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round"
|
||||
style="font-size: 16px;"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-contact-list__bottom"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-contact-list__add">
|
||||
<div class="van-contact-list__bottom">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-contact-list__add"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">新建联系人</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
新建联系人
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,22 +2,26 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable van-coupon-cell" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>优惠券</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-coupon-cell"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
优惠券
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-coupon-cell__value"><span>2张可用</span></div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell__value van-coupon-cell__value">
|
||||
<span>
|
||||
2张可用
|
||||
</span>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
`;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -2,108 +2,130 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>提示弹窗</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
提示弹窗
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>提示弹窗（无标题）</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
提示弹窗（无标题）
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>确认弹窗</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
确认弹窗
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>提示弹窗</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
提示弹窗
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>提示弹窗（无标题）</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
提示弹窗（无标题）
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>异步关闭</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
异步关闭
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>组件调用</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
组件调用
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<div class="van-popup van-popup--center van-dialog" role="dialog" aria-labelledby="标题" style="display: none;">
|
||||
<div class="van-dialog__header">标题</div>
|
||||
<div class="van-dialog__content"><img src="https://img.yzcdn.cn/vant/apple-3.jpg"></div>
|
||||
<div class="van-hairline--top van-dialog__footer"><button type="button" class="van-button van-button--default van-button--large van-dialog__cancel">
|
||||
<div class="van-popup van-popup--center van-dialog"
|
||||
role="dialog"
|
||||
aria-labelledby="标题"
|
||||
style="display: none;"
|
||||
>
|
||||
<div class="van-dialog__header">
|
||||
标题
|
||||
</div>
|
||||
<div class="van-dialog__content">
|
||||
<img src="https://img.yzcdn.cn/vant/apple-3.jpg">
|
||||
</div>
|
||||
<div class="van-hairline--top van-dialog__footer">
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--large van-dialog__cancel"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">取消</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
取消
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">确认弹窗</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
确认弹窗
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<!---->
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
</div>
|
||||
|
||||
@ -2,21 +2,43 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div role="separator" class="van-divider van-divider--hairline">
|
||||
<!---->
|
||||
<div role="separator"
|
||||
class="van-divider van-divider--hairline"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="separator" class="van-divider van-divider--hairline van-divider--content-center">文本</div>
|
||||
<div role="separator"
|
||||
class="van-divider van-divider--hairline van-divider--content-center"
|
||||
>
|
||||
文本
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="separator" class="van-divider van-divider--hairline van-divider--content-left">文本</div>
|
||||
<div role="separator" class="van-divider van-divider--hairline van-divider--content-right">文本</div>
|
||||
<div role="separator"
|
||||
class="van-divider van-divider--hairline van-divider--content-left"
|
||||
>
|
||||
文本
|
||||
</div>
|
||||
<div role="separator"
|
||||
class="van-divider van-divider--hairline van-divider--content-right"
|
||||
>
|
||||
文本
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="separator" class="van-divider van-divider--dashed van-divider--content-center">文本</div>
|
||||
<div role="separator"
|
||||
class="van-divider van-divider--dashed van-divider--content-center"
|
||||
>
|
||||
文本
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="separator" class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;">文本</div>
|
||||
<div role="separator"
|
||||
class="van-divider van-divider--hairline van-divider--content-center"
|
||||
style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;"
|
||||
>
|
||||
文本
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -4,23 +4,41 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-dropdown-menu">
|
||||
<div class="van-dropdown-menu__bar">
|
||||
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">全部商品</div></span></div>
|
||||
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">默认排序</div></span></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-dropdown-menu__item"
|
||||
>
|
||||
<span class="van-dropdown-menu__title">
|
||||
<div class="van-ellipsis">
|
||||
全部商品
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-dropdown-menu__item"
|
||||
>
|
||||
<span class="van-dropdown-menu__title">
|
||||
<div class="van-ellipsis">
|
||||
默认排序
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
|
||||
<div style="top: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--down"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
|
||||
<div style="top: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--down"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
</div>
|
||||
@ -28,23 +46,41 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-dropdown-menu">
|
||||
<div class="van-dropdown-menu__bar">
|
||||
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">全部商品</div></span></div>
|
||||
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">筛选</div></span></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-dropdown-menu__item"
|
||||
>
|
||||
<span class="van-dropdown-menu__title">
|
||||
<div class="van-ellipsis">
|
||||
全部商品
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-dropdown-menu__item"
|
||||
>
|
||||
<span class="van-dropdown-menu__title">
|
||||
<div class="van-ellipsis">
|
||||
筛选
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
|
||||
<div style="top: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--down"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
|
||||
<div style="top: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--down"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
</div>
|
||||
@ -52,23 +88,41 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-dropdown-menu">
|
||||
<div class="van-dropdown-menu__bar">
|
||||
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">全部商品</div></span></div>
|
||||
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">默认排序</div></span></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-dropdown-menu__item"
|
||||
>
|
||||
<span class="van-dropdown-menu__title">
|
||||
<div class="van-ellipsis">
|
||||
全部商品
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-dropdown-menu__item"
|
||||
>
|
||||
<span class="van-dropdown-menu__title">
|
||||
<div class="van-ellipsis">
|
||||
默认排序
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
|
||||
<div style="top: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--down"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
|
||||
<div style="top: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--down"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
</div>
|
||||
@ -76,23 +130,41 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-dropdown-menu">
|
||||
<div class="van-dropdown-menu__bar">
|
||||
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title van-dropdown-menu__title--down"><div class="van-ellipsis">全部商品</div></span></div>
|
||||
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title van-dropdown-menu__title--down"><div class="van-ellipsis">默认排序</div></span></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-dropdown-menu__item"
|
||||
>
|
||||
<span class="van-dropdown-menu__title van-dropdown-menu__title--down">
|
||||
<div class="van-ellipsis">
|
||||
全部商品
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-dropdown-menu__item"
|
||||
>
|
||||
<span class="van-dropdown-menu__title van-dropdown-menu__title--down">
|
||||
<div class="van-ellipsis">
|
||||
默认排序
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="bottom: 0px; display: none;" class="van-dropdown-item van-dropdown-item--up">
|
||||
<div style="bottom: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--up"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div style="bottom: 0px; display: none;" class="van-dropdown-item van-dropdown-item--up">
|
||||
<div style="bottom: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--up"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
</div>
|
||||
@ -100,23 +172,41 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-dropdown-menu">
|
||||
<div class="van-dropdown-menu__bar">
|
||||
<div role="button" tabindex="-1" class="van-dropdown-menu__item van-dropdown-menu__item--disabled"><span class="van-dropdown-menu__title"><div class="van-ellipsis">全部商品</div></span></div>
|
||||
<div role="button" tabindex="-1" class="van-dropdown-menu__item van-dropdown-menu__item--disabled"><span class="van-dropdown-menu__title"><div class="van-ellipsis">默认排序</div></span></div>
|
||||
<div role="button"
|
||||
tabindex="-1"
|
||||
class="van-dropdown-menu__item van-dropdown-menu__item--disabled"
|
||||
>
|
||||
<span class="van-dropdown-menu__title">
|
||||
<div class="van-ellipsis">
|
||||
全部商品
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div role="button"
|
||||
tabindex="-1"
|
||||
class="van-dropdown-menu__item van-dropdown-menu__item--disabled"
|
||||
>
|
||||
<span class="van-dropdown-menu__title">
|
||||
<div class="van-ellipsis">
|
||||
默认排序
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
|
||||
<div style="top: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--down"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
|
||||
<div style="top: 0px; display: none;"
|
||||
class="van-dropdown-item van-dropdown-item--down"
|
||||
>
|
||||
<transition-stub style="position: absolute;">
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,57 +3,108 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-empty">
|
||||
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
|
||||
<p class="van-empty__description">描述文字</p>
|
||||
<!---->
|
||||
<div class="van-empty__image">
|
||||
<img src="https://img.yzcdn.cn/vant/empty-image-default.png">
|
||||
</div>
|
||||
<p class="van-empty__description">
|
||||
描述文字
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tabs van-tabs--line" modelvalue="error">
|
||||
<div class="van-tabs van-tabs--line"
|
||||
modelvalue="error"
|
||||
>
|
||||
<div class="van-tabs__wrap">
|
||||
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
|
||||
<!---->
|
||||
<div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-tab__text van-tab__text--ellipsis">通用错误</span></div>
|
||||
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">网络错误</span></div>
|
||||
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">搜索提示</span></div>
|
||||
<div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
|
||||
<!---->
|
||||
<div role="tablist"
|
||||
class="van-tabs__nav van-tabs__nav--line"
|
||||
>
|
||||
<div role="tab"
|
||||
class="van-tab van-tab--active"
|
||||
aria-selected="true"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
通用错误
|
||||
</span>
|
||||
</div>
|
||||
<div role="tab"
|
||||
class="van-tab"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
网络错误
|
||||
</span>
|
||||
</div>
|
||||
<div role="tab"
|
||||
class="van-tab"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
搜索提示
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-tabs__line"
|
||||
style="transform: translateX(0px) translateX(-50%);"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabs__content">
|
||||
<div role="tabpanel" class="van-tab__pane" style="">
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style
|
||||
>
|
||||
<div class="van-empty">
|
||||
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-error.png"></div>
|
||||
<p class="van-empty__description">描述文字</p>
|
||||
<!---->
|
||||
<div class="van-empty__image">
|
||||
<img src="https://img.yzcdn.cn/vant/empty-image-error.png">
|
||||
</div>
|
||||
<p class="van-empty__description">
|
||||
描述文字
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
||||
<!---->
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style="display: none;"
|
||||
>
|
||||
</div>
|
||||
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
||||
<!---->
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style="display: none;"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-empty custom-image">
|
||||
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/custom-empty-image.png"></div>
|
||||
<p class="van-empty__description">描述文字</p>
|
||||
<!---->
|
||||
<div class="van-empty__image">
|
||||
<img src="https://img.yzcdn.cn/vant/custom-empty-image.png">
|
||||
</div>
|
||||
<p class="van-empty__description">
|
||||
描述文字
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-empty">
|
||||
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
|
||||
<p class="van-empty__description">描述文字</p>
|
||||
<div class="van-empty__bottom"><button type="button" class="van-button van-button--danger van-button--normal van-button--round bottom-button">
|
||||
<div class="van-empty__image">
|
||||
<img src="https://img.yzcdn.cn/vant/empty-image-default.png">
|
||||
</div>
|
||||
<p class="van-empty__description">
|
||||
描述文字
|
||||
</p>
|
||||
<div class="van-empty__bottom">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--round bottom-button"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,88 +2,254 @@
|
||||
|
||||
exports[`should render bottom slot correctly 1`] = `
|
||||
<div class="van-empty">
|
||||
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
|
||||
<!---->
|
||||
<div class="van-empty__bottom">Custom bottom</div>
|
||||
<div class="van-empty__image">
|
||||
<img src="https://img.yzcdn.cn/vant/empty-image-default.png">
|
||||
</div>
|
||||
<div class="van-empty__bottom">
|
||||
Custom bottom
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render description slot correctly 1`] = `
|
||||
<div class="van-empty">
|
||||
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
|
||||
<p class="van-empty__description">Custom description</p>
|
||||
<!---->
|
||||
<div class="van-empty__image">
|
||||
<img src="https://img.yzcdn.cn/vant/empty-image-default.png">
|
||||
</div>
|
||||
<p class="van-empty__description">
|
||||
Custom description
|
||||
</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render image slot correctly 1`] = `
|
||||
<div class="van-empty">
|
||||
<div class="van-empty__image">Custom Image</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-empty__image">
|
||||
Custom Image
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render svg when image is network 1`] = `
|
||||
<div class="van-empty">
|
||||
<div class="van-empty__image"><svg viewBox="0 0 160 160">
|
||||
<div class="van-empty__image">
|
||||
<svg viewbox="0 0 160 160">
|
||||
<defs>
|
||||
<linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
|
||||
<stop stop-color="#FFF" offset="0%" stop-opacity="0.5"></stop>
|
||||
<stop stop-color="#F2F3F5" offset="100%"></stop>
|
||||
<linearGradient id="c"
|
||||
x1="64.022%"
|
||||
y1="100%"
|
||||
x2="64.022%"
|
||||
y2="0%"
|
||||
>
|
||||
<stop stop-color="#FFF"
|
||||
offset="0%"
|
||||
stop-opacity="0.5"
|
||||
>
|
||||
</stop>
|
||||
<stop stop-color="#F2F3F5"
|
||||
offset="100%"
|
||||
>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="d" x1="64.022%" y1="96.956%" x2="64.022%" y2="0%">
|
||||
<stop stop-color="#F2F3F5" offset="0%" stop-opacity="0.3"></stop>
|
||||
<stop stop-color="#F2F3F5" offset="100%"></stop>
|
||||
<linearGradient id="d"
|
||||
x1="64.022%"
|
||||
y1="96.956%"
|
||||
x2="64.022%"
|
||||
y2="0%"
|
||||
>
|
||||
<stop stop-color="#F2F3F5"
|
||||
offset="0%"
|
||||
stop-opacity="0.3"
|
||||
>
|
||||
</stop>
|
||||
<stop stop-color="#F2F3F5"
|
||||
offset="100%"
|
||||
>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="h" x1="50%" y1="0%" x2="50%" y2="84.459%">
|
||||
<stop stop-color="#EBEDF0" offset="0%"></stop>
|
||||
<stop stop-color="#DCDEE0" offset="100%" stop-opacity="0"></stop>
|
||||
<linearGradient id="h"
|
||||
x1="50%"
|
||||
y1="0%"
|
||||
x2="50%"
|
||||
y2="84.459%"
|
||||
>
|
||||
<stop stop-color="#EBEDF0"
|
||||
offset="0%"
|
||||
>
|
||||
</stop>
|
||||
<stop stop-color="#DCDEE0"
|
||||
offset="100%"
|
||||
stop-opacity="0"
|
||||
>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="i" x1="100%" y1="0%" x2="100%" y2="100%">
|
||||
<stop stop-color="#EAEDF0" offset="0%"></stop>
|
||||
<stop stop-color="#DCDEE0" offset="100%"></stop>
|
||||
<linearGradient id="i"
|
||||
x1="100%"
|
||||
y1="0%"
|
||||
x2="100%"
|
||||
y2="100%"
|
||||
>
|
||||
<stop stop-color="#EAEDF0"
|
||||
offset="0%"
|
||||
>
|
||||
</stop>
|
||||
<stop stop-color="#DCDEE0"
|
||||
offset="100%"
|
||||
>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="k" x1="100%" y1="100%" x2="100%" y2="0%">
|
||||
<stop stop-color="#EAEDF0" offset="0%"></stop>
|
||||
<stop stop-color="#DCDEE0" offset="100%"></stop>
|
||||
<linearGradient id="k"
|
||||
x1="100%"
|
||||
y1="100%"
|
||||
x2="100%"
|
||||
y2="0%"
|
||||
>
|
||||
<stop stop-color="#EAEDF0"
|
||||
offset="0%"
|
||||
>
|
||||
</stop>
|
||||
<stop stop-color="#DCDEE0"
|
||||
offset="100%"
|
||||
>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="m" x1="0%" y1="43.982%" x2="100%" y2="54.703%">
|
||||
<stop stop-color="#EAEDF0" offset="0%"></stop>
|
||||
<stop stop-color="#DCDEE0" offset="100%"></stop>
|
||||
<linearGradient id="m"
|
||||
x1="0%"
|
||||
y1="43.982%"
|
||||
x2="100%"
|
||||
y2="54.703%"
|
||||
>
|
||||
<stop stop-color="#EAEDF0"
|
||||
offset="0%"
|
||||
>
|
||||
</stop>
|
||||
<stop stop-color="#DCDEE0"
|
||||
offset="100%"
|
||||
>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
<linearGradient id="n" x1="94.535%" y1="43.837%" x2="5.465%" y2="54.948%">
|
||||
<stop stop-color="#EAEDF0" offset="0%"></stop>
|
||||
<stop stop-color="#DCDEE0" offset="100%"></stop>
|
||||
<linearGradient id="n"
|
||||
x1="94.535%"
|
||||
y1="43.837%"
|
||||
x2="5.465%"
|
||||
y2="54.948%"
|
||||
>
|
||||
<stop stop-color="#EAEDF0"
|
||||
offset="0%"
|
||||
>
|
||||
</stop>
|
||||
<stop stop-color="#DCDEE0"
|
||||
offset="100%"
|
||||
>
|
||||
</stop>
|
||||
</linearGradient>
|
||||
<radialGradient id="g" cx="50%" cy="0%" fx="50%" fy="0%" r="100%" gradientTransform="matrix(0 1 -.54835 0 .5 -.5)">
|
||||
<stop stop-color="#EBEDF0" offset="0%"></stop>
|
||||
<stop stop-color="#FFF" offset="100%" stop-opacity="0"></stop>
|
||||
<radialGradient id="g"
|
||||
cx="50%"
|
||||
cy="0%"
|
||||
fx="50%"
|
||||
fy="0%"
|
||||
r="100%"
|
||||
gradienttransform="matrix(0 1 -.54835 0 .5 -.5)"
|
||||
>
|
||||
<stop stop-color="#EBEDF0"
|
||||
offset="0%"
|
||||
>
|
||||
</stop>
|
||||
<stop stop-color="#FFF"
|
||||
offset="100%"
|
||||
stop-opacity="0"
|
||||
>
|
||||
</stop>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<g fill="none"
|
||||
fill-rule="evenodd"
|
||||
>
|
||||
<g opacity=".8">
|
||||
<path d="M0 124V46h20v20h14v58H0z" fill="url(#c)" transform="matrix(-1 0 0 1 36 7)"></path>
|
||||
<path d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z" fill="url(#d)" transform="translate(2 7)"></path>
|
||||
<path d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z" fill="url(#d)" transform="translate(2 7)"></path>
|
||||
<path d="M121 8h22.231v14H152v77.37h-31V8z" fill="url(#c)" transform="translate(2 7)"></path>
|
||||
<path d="M0 124V46h20v20h14v58H0z"
|
||||
fill="url(#c)"
|
||||
transform="matrix(-1 0 0 1 36 7)"
|
||||
>
|
||||
</path>
|
||||
<path d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z"
|
||||
fill="url(#d)"
|
||||
transform="translate(2 7)"
|
||||
>
|
||||
</path>
|
||||
<path d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z"
|
||||
fill="url(#d)"
|
||||
transform="translate(2 7)"
|
||||
>
|
||||
</path>
|
||||
<path d="M121 8h22.231v14H152v77.37h-31V8z"
|
||||
fill="url(#c)"
|
||||
transform="translate(2 7)"
|
||||
>
|
||||
</path>
|
||||
</g>
|
||||
<path fill="url(#g)" d="M0 139h160v21H0z"></path>
|
||||
<path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z" fill="url(#h)" fill-rule="nonzero" transform="translate(43 36)"></path>
|
||||
<g opacity=".6" stroke-linecap="round" stroke-width="7">
|
||||
<path d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12" stroke="url(#i)" transform="translate(43 36)"></path>
|
||||
<path d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145" stroke="url(#i)" transform="translate(43 36)"></path>
|
||||
<path d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12" stroke="url(#k)" transform="rotate(-180 76.483 42.257)"></path>
|
||||
<path d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145" stroke="url(#k)" transform="rotate(-180 89.791 42.146)"></path>
|
||||
<path fill="url(#g)"
|
||||
d="M0 139h160v21H0z"
|
||||
>
|
||||
</path>
|
||||
<path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
|
||||
fill="url(#h)"
|
||||
fill-rule="nonzero"
|
||||
transform="translate(43 36)"
|
||||
>
|
||||
</path>
|
||||
<g opacity=".6"
|
||||
stroke-linecap="round"
|
||||
stroke-width="7"
|
||||
>
|
||||
<path d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
|
||||
stroke="url(#i)"
|
||||
transform="translate(43 36)"
|
||||
>
|
||||
</path>
|
||||
<path d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145"
|
||||
stroke="url(#i)"
|
||||
transform="translate(43 36)"
|
||||
>
|
||||
</path>
|
||||
<path d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
|
||||
stroke="url(#k)"
|
||||
transform="rotate(-180 76.483 42.257)"
|
||||
>
|
||||
</path>
|
||||
<path d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145"
|
||||
stroke="url(#k)"
|
||||
transform="rotate(-180 89.791 42.146)"
|
||||
>
|
||||
</path>
|
||||
</g>
|
||||
<g transform="translate(31 105)" fill-rule="nonzero">
|
||||
<rect fill="url(#m)" width="98" height="34" rx="2"></rect>
|
||||
<rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114"></rect>
|
||||
<rect fill="url(#n)" x="15" y="12" width="18" height="6" rx="1.114"></rect>
|
||||
<g transform="translate(31 105)"
|
||||
fill-rule="nonzero"
|
||||
>
|
||||
<rect fill="url(#m)"
|
||||
width="98"
|
||||
height="34"
|
||||
rx="2"
|
||||
>
|
||||
</rect>
|
||||
<rect fill="#FFF"
|
||||
x="9"
|
||||
y="8"
|
||||
width="80"
|
||||
height="18"
|
||||
rx="1.114"
|
||||
>
|
||||
</rect>
|
||||
<rect fill="url(#n)"
|
||||
x="15"
|
||||
y="12"
|
||||
width="18"
|
||||
height="6"
|
||||
rx="1.114"
|
||||
>
|
||||
</rect>
|
||||
</g>
|
||||
</g>
|
||||
</svg></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -4,343 +4,331 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell-group van-hairline--top-bottom">
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="请输入文本">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="请输入文本"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="请输入文本">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="请输入文本"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>手机号</span>
|
||||
<!---->
|
||||
<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="tel" class="van-field__control" placeholder="请输入手机号">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="tel"
|
||||
class="van-field__control"
|
||||
placeholder="请输入手机号"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>整数</span>
|
||||
<!---->
|
||||
<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="tel" inputmode="numeric" class="van-field__control" placeholder="请输入整数">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="tel"
|
||||
inputmode="numeric"
|
||||
class="van-field__control"
|
||||
placeholder="请输入整数"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>数字</span>
|
||||
<!---->
|
||||
<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" inputmode="decimal" class="van-field__control" placeholder="请输入数字（支持小数）">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
inputmode="decimal"
|
||||
class="van-field__control"
|
||||
placeholder="请输入数字（支持小数）"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>密码</span>
|
||||
<!---->
|
||||
<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="password" class="van-field__control" placeholder="请输入密码">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="password"
|
||||
class="van-field__control"
|
||||
placeholder="请输入密码"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" readonly="">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field van-field--disabled">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" disabled="">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
disabled
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-field">
|
||||
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-smile-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<div class="van-field__left-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-smile-o">
|
||||
</i>
|
||||
</div>
|
||||
<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" class="van-field__control" placeholder="显示图标">
|
||||
<!---->
|
||||
<div class="van-field__right-icon"><i class="van-badge__wrapper van-icon van-icon-warning-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="显示图标"
|
||||
>
|
||||
<div class="van-field__right-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-warning-o">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-music-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<div class="van-field__left-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-music-o">
|
||||
</i>
|
||||
</div>
|
||||
<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" class="van-field__control" placeholder="显示清除图标">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="显示清除图标"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--required van-field van-field--error">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>用户名</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="请输入用户名">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="请输入用户名"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--required van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>手机号</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="请输入手机号">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="请输入手机号"
|
||||
>
|
||||
</div>
|
||||
<div class="van-field__error-message">
|
||||
手机号格式错误
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-field__error-message">手机号格式错误</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--center van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>短信验证码</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="请输入短信验证码">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__button"><button type="button" class="van-button van-button--primary van-button--small">
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="请输入短信验证码"
|
||||
>
|
||||
<div class="van-field__button">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--small"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">发送验证码</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
发送验证码
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="在输入时执行格式化">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="在输入时执行格式化"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" class="van-field__control" placeholder="在失焦时执行格式化">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
placeholder="在失焦时执行格式化"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>留言</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
留言
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body"><textarea rows="1" class="van-field__control" placeholder="请输入留言" style="height: auto;"></textarea>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<textarea rows="1"
|
||||
class="van-field__control"
|
||||
placeholder="请输入留言"
|
||||
style="height: auto;"
|
||||
>
|
||||
</textarea>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>留言</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
留言
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body"><textarea rows="2" class="van-field__control" placeholder="请输入留言" style="height: auto;"></textarea>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<textarea rows="2"
|
||||
class="van-field__control"
|
||||
placeholder="请输入留言"
|
||||
style="height: auto;"
|
||||
>
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="van-field__word-limit">
|
||||
<span class="van-field__word-num">
|
||||
0
|
||||
</span>
|
||||
/50
|
||||
</div>
|
||||
<div class="van-field__word-limit"><span class="van-field__word-num">0</span>/50</div>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" class="van-field__control van-field__control--right" placeholder="输入框内容右对齐">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control van-field__control--right"
|
||||
placeholder="输入框内容右对齐"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -4,327 +4,390 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<form class="van-form">
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>用户名</span>
|
||||
<!---->
|
||||
<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" name="username" class="van-field__control" placeholder="用户名">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="username"
|
||||
class="van-field__control"
|
||||
placeholder="用户名"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>密码</span>
|
||||
<!---->
|
||||
<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="password" name="password" class="van-field__control" placeholder="密码">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="password"
|
||||
name="password"
|
||||
class="van-field__control"
|
||||
placeholder="密码"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--primary van-button--normal van-button--block van-button--round">
|
||||
<div style="margin: 16px 16px 0px;">
|
||||
<button type="submit"
|
||||
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">提交</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
提交
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div>
|
||||
<form class="van-form">
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" name="pattern" class="van-field__control" placeholder="正则校验">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="pattern"
|
||||
class="van-field__control"
|
||||
placeholder="正则校验"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" name="validator" class="van-field__control" placeholder="函数校验">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="validator"
|
||||
class="van-field__control"
|
||||
placeholder="函数校验"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文本</span>
|
||||
<!---->
|
||||
<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" name="asyncValidator" class="van-field__control" placeholder="异步函数校验">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="asyncValidator"
|
||||
class="van-field__control"
|
||||
placeholder="异步函数校验"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--primary van-button--normal van-button--block van-button--round">
|
||||
<div style="margin: 16px 16px 0px;">
|
||||
<button type="submit"
|
||||
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">提交</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
提交
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div>
|
||||
<form class="van-form">
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>开关</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
开关
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body">
|
||||
<div class="van-field__control van-field__control--custom">
|
||||
<div role="switch" class="van-switch" style="font-size: 20px;" aria-checked="false">
|
||||
<div role="switch"
|
||||
class="van-switch"
|
||||
style="font-size: 20px;"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>复选框</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
复选框
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body">
|
||||
<div class="van-field__control van-field__control--custom">
|
||||
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
|
||||
<div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<div class="van-checkbox__icon van-checkbox__icon--square">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>复选框组</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
复选框组
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body">
|
||||
<div class="van-field__control van-field__control--custom">
|
||||
<div class="van-checkbox-group van-checkbox-group--horizontal">
|
||||
<div role="checkbox" class="van-checkbox van-checkbox--horizontal" tabindex="0" aria-checked="false" bindgroup="true">
|
||||
<div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-checkbox__label">复选框 1 </span>
|
||||
<div role="checkbox"
|
||||
class="van-checkbox van-checkbox--horizontal"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<div class="van-checkbox__icon van-checkbox__icon--square">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-checkbox__label">
|
||||
复选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="checkbox" class="van-checkbox van-checkbox--horizontal" tabindex="0" aria-checked="false" bindgroup="true">
|
||||
<div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-checkbox__label">复选框 2 </span>
|
||||
<div role="checkbox"
|
||||
class="van-checkbox van-checkbox--horizontal"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
bindgroup="true"
|
||||
>
|
||||
<div class="van-checkbox__icon van-checkbox__icon--square">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-checkbox__label">
|
||||
复选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>单选框</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
单选框
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body">
|
||||
<div class="van-field__control van-field__control--custom">
|
||||
<div class="van-radio-group van-radio-group--horizontal" role="radiogroup">
|
||||
<div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 1</span>
|
||||
<div class="van-radio-group van-radio-group--horizontal"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio van-radio--horizontal"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 2</span>
|
||||
<div role="radio"
|
||||
class="van-radio van-radio--horizontal"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>步进器</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
步进器
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body">
|
||||
<div class="van-field__control van-field__control--custom">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>评分</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
评分
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body">
|
||||
<div class="van-field__control van-field__control--custom">
|
||||
<div role="radiogroup" class="van-rate" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radiogroup"
|
||||
class="van-rate"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="3"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="4"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>滑块</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
滑块
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body">
|
||||
<div class="van-field__control van-field__control--custom">
|
||||
<div class="van-slider">
|
||||
<div class="van-slider__bar" style="width: 50%; left: 0%;">
|
||||
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
|
||||
<div class="van-slider__button"></div>
|
||||
<div class="van-slider__bar"
|
||||
style="width: 50%; left: 0%;"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="50"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-field">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>文件上传</span>
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label">
|
||||
<span>
|
||||
文件上传
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value van-field__value">
|
||||
<div class="van-field__body">
|
||||
@ -332,119 +395,126 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-image van-uploader__preview-image">
|
||||
<img src="https://img.yzcdn.cn/vant/leaf.jpg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__preview-delete">
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
</div>
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>选择器</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-field"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<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" name="picker" class="van-field__control" readonly="" placeholder="点击选择城市">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="picker"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
placeholder="点击选择城市"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!--teleport start-->
|
||||
<!--teleport end-->
|
||||
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>时间选择</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-field"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<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" name="datetimePicker" class="van-field__control" readonly="" placeholder="点击选择时间">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="datetimePicker"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
placeholder="点击选择时间"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!--teleport start-->
|
||||
<!--teleport end-->
|
||||
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>地区选择</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-field"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<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" name="area" class="van-field__control" readonly="" placeholder="点击选择省市区">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="area"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
placeholder="点击选择省市区"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!--teleport start-->
|
||||
<!--teleport end-->
|
||||
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>日历</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-field"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<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" name="calendar" class="van-field__control" readonly="" placeholder="点击选择日期">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="calendar"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
placeholder="点击选择日期"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!--teleport start-->
|
||||
<!--teleport end-->
|
||||
<div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--primary van-button--normal van-button--block van-button--round">
|
||||
<div style="margin: 16px 16px 0px;">
|
||||
<button type="submit"
|
||||
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">提交</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
提交
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -1,34 +1,39 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render badge correctly 1`] = `<div class="van-badge van-badge--fixed">1</div>`;
|
||||
exports[`should render badge correctly 1`] = `
|
||||
<div class="van-badge van-badge--fixed">
|
||||
1
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render default slot correctly 1`] = `
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">Default Slot
|
||||
<!---->
|
||||
<!----></i>
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
Default Slot
|
||||
</i>
|
||||
`;
|
||||
|
||||
exports[`should render dot correctly 1`] = `
|
||||
<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render icon with builtin icon name correctly 1`] = `
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
</i>
|
||||
`;
|
||||
|
||||
exports[`should render icon with local image correctly 1`] = `
|
||||
<i class="van-badge__wrapper van-icon">
|
||||
<!----><img class="van-icon__image" src="/assets/icon.jpg">
|
||||
<!----></i>
|
||||
<img class="van-icon__image"
|
||||
src="/assets/icon.jpg"
|
||||
>
|
||||
</i>
|
||||
`;
|
||||
|
||||
exports[`should render icon with url name correctly 1`] = `
|
||||
<i class="van-badge__wrapper van-icon">
|
||||
<!----><img class="van-icon__image" src="https://img.yzcdn.com/icon.jpg">
|
||||
<!----></i>
|
||||
<img class="van-icon__image"
|
||||
src="https://img.yzcdn.com/icon.jpg"
|
||||
>
|
||||
</i>
|
||||
`;
|
||||
|
||||
@ -1,39 +1,50 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should change close icon position when using close-icon-position prop 1`] = `
|
||||
<i class="van-badge__wrapper van-icon van-icon-clear van-image-preview__close-icon van-image-preview__close-icon--top-left" role="button">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<i class="van-badge__wrapper van-icon van-icon-clear van-image-preview__close-icon van-image-preview__close-icon--top-left"
|
||||
role="button"
|
||||
>
|
||||
</i>
|
||||
`;
|
||||
|
||||
exports[`should change close icon when using close-icon prop 1`] = `
|
||||
<i class="van-badge__wrapper van-icon van-icon-success van-image-preview__close-icon van-image-preview__close-icon--top-right" role="button">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<i class="van-badge__wrapper van-icon van-icon-success van-image-preview__close-icon van-image-preview__close-icon--top-right"
|
||||
role="button"
|
||||
>
|
||||
</i>
|
||||
`;
|
||||
|
||||
exports[`should render cover slot correctly 1`] = `
|
||||
<transition-stub class="van-image-preview__overlay">
|
||||
<div class="van-overlay">
|
||||
<!---->
|
||||
</div>
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<div class="van-popup van-popup--center van-image-preview">
|
||||
<!---->
|
||||
<div class="van-swipe van-image-preview__swipe">
|
||||
<div style="width: 0px; transition-duration: 500ms; transform: translateX(0px);" class="van-swipe__track"></div>
|
||||
<!---->
|
||||
<div style="width: 0px; transition-duration: 500ms; transform: translateX(0px);"
|
||||
class="van-swipe__track"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-image-preview__index">
|
||||
1 / 0
|
||||
</div>
|
||||
<div class="van-image-preview__cover">
|
||||
Custom Cover
|
||||
</div>
|
||||
<div class="van-image-preview__index">1 / 0</div>
|
||||
<div class="van-image-preview__cover">Custom Cover</div>
|
||||
<!---->
|
||||
</div>
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
exports[`should render index slot correctly 1`] = `<div class="van-image-preview__index">Custom Index: 0</div>`;
|
||||
exports[`should render index slot correctly 1`] = `
|
||||
<div class="van-image-preview__index">
|
||||
Custom Index: 0
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should swipe to currect index after calling the swipeTo method 1`] = `<div class="van-image-preview__index">3 / 3</div>`;
|
||||
exports[`should swipe to currect index after calling the swipeTo method 1`] = `
|
||||
<div class="van-image-preview__index">
|
||||
3 / 3
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -3,171 +3,316 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-row">
|
||||
<div class="van-image" style="width: 100px; height: 100px;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-image"
|
||||
style="width: 100px; height: 100px;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
>
|
||||
<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 class="van-row">
|
||||
<div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" 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 class="text">contain</div>
|
||||
</div>
|
||||
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;" class="van-col van-col--8">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">cover</div>
|
||||
</div>
|
||||
<div style="padding-left: 13.333333333333332px;" class="van-col van-col--8">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">fill</div>
|
||||
</div>
|
||||
<div class="van-col van-col--8" style="padding-right: 10px;">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">none</div>
|
||||
</div>
|
||||
<div style="padding-left: 10px;" class="van-col van-col--8">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">scale-down</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
|
||||
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" 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 class="text">contain</div>
|
||||
</div>
|
||||
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;" class="van-col van-col--8">
|
||||
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">cover</div>
|
||||
</div>
|
||||
<div style="padding-left: 13.333333333333332px;" class="van-col van-col--8">
|
||||
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">fill</div>
|
||||
</div>
|
||||
<div class="van-col van-col--8" style="padding-right: 10px;">
|
||||
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">none</div>
|
||||
</div>
|
||||
<div style="padding-left: 10px;" class="van-col van-col--8">
|
||||
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">scale-down</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--8" style="padding-right: 10px;">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;">
|
||||
<!---->
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">默认提示</div>
|
||||
</div>
|
||||
<div style="padding-left: 10px;" class="van-col van-col--8">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;">
|
||||
<!---->
|
||||
<div class="van-col van-col--8"
|
||||
style="padding-right: 13.333333333333334px;"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: contain;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 20px; height: 20px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
contain
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
cover
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-left: 13.333333333333332px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: fill;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
fill
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-col van-col--8"
|
||||
style="padding-right: 10px;"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: none;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
none
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-left: 10px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: scale-down;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
scale-down
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--8"
|
||||
style="padding-right: 13.333333333333334px;"
|
||||
>
|
||||
<div class="van-image van-image--round"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
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 class="text">
|
||||
contain
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
<div class="van-image van-image--round"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
cover
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-left: 13.333333333333332px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
<div class="van-image van-image--round"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: fill;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
fill
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-col van-col--8"
|
||||
style="padding-right: 10px;"
|
||||
>
|
||||
<div class="van-image van-image--round"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: none;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
none
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-left: 10px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
<div class="van-image van-image--round"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: scale-down;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
scale-down
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--8"
|
||||
style="padding-right: 10px;"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
默认提示
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding-left: 10px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<div class="van-loading van-loading--spinner">
|
||||
<span class="van-loading__spinner van-loading__spinner--spinner"
|
||||
style="width: 20px; height: 20px;"
|
||||
>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="text">自定义提示</div>
|
||||
<div class="text">
|
||||
自定义提示
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-row">
|
||||
<div class="van-col van-col--8" style="padding-right: 10px;">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-col van-col--8"
|
||||
style="padding-right: 10px;"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="x"
|
||||
class="van-image__img"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
默认提示
|
||||
</div>
|
||||
<div class="text">默认提示</div>
|
||||
</div>
|
||||
<div style="padding-left: 10px;" class="van-col van-col--8">
|
||||
<div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div style="padding-left: 10px;"
|
||||
class="van-col van-col--8"
|
||||
>
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 27vw;"
|
||||
>
|
||||
<img src="x"
|
||||
class="van-image__img"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
自定义提示
|
||||
</div>
|
||||
<div class="text">自定义提示</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -3,31 +3,82 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-tabs van-tabs--line">
|
||||
<div class="van-tabs__wrap">
|
||||
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
|
||||
<!---->
|
||||
<div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-tab__text van-tab__text--ellipsis">基础用法</span></div>
|
||||
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">错误提示</span></div>
|
||||
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">下拉刷新</span></div>
|
||||
<div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
|
||||
<!---->
|
||||
<div role="tablist"
|
||||
class="van-tabs__nav van-tabs__nav--line"
|
||||
>
|
||||
<div role="tab"
|
||||
class="van-tab van-tab--active"
|
||||
aria-selected="true"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
基础用法
|
||||
</span>
|
||||
</div>
|
||||
<div role="tab"
|
||||
class="van-tab"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
错误提示
|
||||
</span>
|
||||
</div>
|
||||
<div role="tab"
|
||||
class="van-tab"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
下拉刷新
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-tabs__line"
|
||||
style="transform: translateX(0px) translateX(-50%);"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabs__content">
|
||||
<div role="tabpanel" class="van-tab__pane" style="">
|
||||
<div role="feed" class="van-list" aria-busy="true">
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style
|
||||
>
|
||||
<div role="feed"
|
||||
class="van-list"
|
||||
aria-busy="true"
|
||||
>
|
||||
<div class="van-list__loading">
|
||||
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 16px; height: 16px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
|
||||
<div class="van-loading van-loading--circular">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="width: 16px; height: 16px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="van-loading__text">
|
||||
加载中...
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-list__placeholder">
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-list__placeholder"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
||||
<!---->
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style="display: none;"
|
||||
>
|
||||
</div>
|
||||
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
||||
<!---->
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style="display: none;"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,33 +2,185 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular">
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--spinner">
|
||||
<span class="van-loading__spinner van-loading__spinner--spinner">
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(25, 137, 250);"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="color: rgb(25, 137, 250);"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: rgb(25, 137, 250);"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--spinner">
|
||||
<span class="van-loading__spinner van-loading__spinner--spinner"
|
||||
style="color: rgb(25, 137, 250);"
|
||||
>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="width: 24px; height: 24px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 24px; height: 24px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--spinner">
|
||||
<span class="van-loading__spinner van-loading__spinner--spinner"
|
||||
style="width: 24px; height: 24px;"
|
||||
>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
<i>
|
||||
</i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
|
||||
<div class="van-loading van-loading--circular">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="width: 24px; height: 24px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="van-loading__text">
|
||||
加载中...
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-loading van-loading--circular van-loading--vertical"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
|
||||
<div class="van-loading van-loading--circular van-loading--vertical">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="width: 24px; height: 24px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="van-loading__text">
|
||||
加载中...
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -4,27 +4,43 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-nav-bar van-hairline--bottom">
|
||||
<div class="van-nav-bar__content">
|
||||
<div class="van-nav-bar__left"><i class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><span class="van-nav-bar__text">返回</span></div>
|
||||
<div class="van-nav-bar__title van-ellipsis">标题</div>
|
||||
<div class="van-nav-bar__right"><span class="van-nav-bar__text">按钮</span></div>
|
||||
<div class="van-nav-bar__left">
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow">
|
||||
</i>
|
||||
<span class="van-nav-bar__text">
|
||||
返回
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-nav-bar__title van-ellipsis">
|
||||
标题
|
||||
</div>
|
||||
<div class="van-nav-bar__right">
|
||||
<span class="van-nav-bar__text">
|
||||
按钮
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-nav-bar van-hairline--bottom">
|
||||
<div class="van-nav-bar__content">
|
||||
<div class="van-nav-bar__left"><i class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><span class="van-nav-bar__text">返回</span></div>
|
||||
<div class="van-nav-bar__title van-ellipsis">标题</div>
|
||||
<div class="van-nav-bar__right"><i class="van-badge__wrapper van-icon van-icon-search" style="font-size: 18px;">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-nav-bar__left">
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow">
|
||||
</i>
|
||||
<span class="van-nav-bar__text">
|
||||
返回
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-nav-bar__title van-ellipsis">
|
||||
标题
|
||||
</div>
|
||||
<div class="van-nav-bar__right">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search"
|
||||
style="font-size: 18px;"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,21 +1,32 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render left slot correctly 1`] = `<div class="van-nav-bar__left">Custom Left</div>`;
|
||||
exports[`should render left slot correctly 1`] = `
|
||||
<div class="van-nav-bar__left">
|
||||
Custom Left
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render left slot correctly 2`] = `<div class="van-nav-bar__right">Custom Right</div>`;
|
||||
exports[`should render left slot correctly 2`] = `
|
||||
<div class="van-nav-bar__right">
|
||||
Custom Right
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render placeholder element when using placeholder prop 1`] = `
|
||||
<div class="van-nav-bar__placeholder" style="height: 50px;">
|
||||
<div class="van-nav-bar__placeholder"
|
||||
style="height: 50px;"
|
||||
>
|
||||
<div class="van-nav-bar van-nav-bar--fixed van-hairline--bottom">
|
||||
<div class="van-nav-bar__content">
|
||||
<!---->
|
||||
<div class="van-nav-bar__title van-ellipsis">
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render title slot correctly 1`] = `<div class="van-nav-bar__title van-ellipsis">Custom Title</div>`;
|
||||
exports[`should render title slot correctly 1`] = `
|
||||
<div class="van-nav-bar__title van-ellipsis">
|
||||
Custom Title
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,90 +2,150 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div role="alert" class="van-notice-bar"><i class="van-badge__wrapper van-icon van-icon-volume-o van-notice-bar__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div role="marquee" class="van-notice-bar__wrap">
|
||||
<div style="transition-duration: 0s;" class="van-notice-bar__content">在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。</div>
|
||||
<div role="alert"
|
||||
class="van-notice-bar"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-volume-o van-notice-bar__left-icon">
|
||||
</i>
|
||||
<div role="marquee"
|
||||
class="van-notice-bar__wrap"
|
||||
>
|
||||
<div style="transition-duration: 0s;"
|
||||
class="van-notice-bar__content"
|
||||
>
|
||||
在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="alert" class="van-notice-bar">
|
||||
<!---->
|
||||
<div role="marquee" class="van-notice-bar__wrap">
|
||||
<div style="transition-duration: 0s;" class="van-notice-bar__content">技术是开发它的人的共同灵魂。</div>
|
||||
<div role="alert"
|
||||
class="van-notice-bar"
|
||||
>
|
||||
<div role="marquee"
|
||||
class="van-notice-bar__wrap"
|
||||
>
|
||||
<div style="transition-duration: 0s;"
|
||||
class="van-notice-bar__content"
|
||||
>
|
||||
技术是开发它的人的共同灵魂。
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="alert" class="van-notice-bar">
|
||||
<!---->
|
||||
<div role="marquee" class="van-notice-bar__wrap">
|
||||
<div style="transition-duration: 0s;" class="van-notice-bar__content van-ellipsis">在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。</div>
|
||||
<div role="alert"
|
||||
class="van-notice-bar"
|
||||
>
|
||||
<div role="marquee"
|
||||
class="van-notice-bar__wrap"
|
||||
>
|
||||
<div style="transition-duration: 0s;"
|
||||
class="van-notice-bar__content van-ellipsis"
|
||||
>
|
||||
在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="alert" class="van-notice-bar van-notice-bar--wrapable">
|
||||
<!---->
|
||||
<div role="marquee" class="van-notice-bar__wrap">
|
||||
<div style="transition-duration: 0s;" class="van-notice-bar__content">在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。</div>
|
||||
<div role="alert"
|
||||
class="van-notice-bar van-notice-bar--wrapable"
|
||||
>
|
||||
<div role="marquee"
|
||||
class="van-notice-bar__wrap"
|
||||
>
|
||||
<div style="transition-duration: 0s;"
|
||||
class="van-notice-bar__content"
|
||||
>
|
||||
在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="alert" class="van-notice-bar">
|
||||
<!---->
|
||||
<div role="marquee" class="van-notice-bar__wrap">
|
||||
<div style="transition-duration: 0s;" class="van-notice-bar__content">技术是开发它的人的共同灵魂。</div>
|
||||
</div><i class="van-badge__wrapper van-icon van-icon-cross van-notice-bar__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
</div>
|
||||
<div role="alert" class="van-notice-bar">
|
||||
<!---->
|
||||
<div role="marquee" class="van-notice-bar__wrap">
|
||||
<div style="transition-duration: 0s;" class="van-notice-bar__content">技术是开发它的人的共同灵魂。</div>
|
||||
</div><i class="van-badge__wrapper van-icon van-icon-arrow van-notice-bar__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="alert" class="van-notice-bar" style="color: rgb(25, 137, 250); background: rgb(236, 249, 255);"><i class="van-badge__wrapper van-icon van-icon-info-o van-notice-bar__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div role="marquee" class="van-notice-bar__wrap">
|
||||
<div style="transition-duration: 0s;" class="van-notice-bar__content">技术是开发它的人的共同灵魂。</div>
|
||||
<div role="alert"
|
||||
class="van-notice-bar"
|
||||
>
|
||||
<div role="marquee"
|
||||
class="van-notice-bar__wrap"
|
||||
>
|
||||
<div style="transition-duration: 0s;"
|
||||
class="van-notice-bar__content"
|
||||
>
|
||||
技术是开发它的人的共同灵魂。
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-notice-bar__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div role="alert"
|
||||
class="van-notice-bar"
|
||||
>
|
||||
<div role="marquee"
|
||||
class="van-notice-bar__wrap"
|
||||
>
|
||||
<div style="transition-duration: 0s;"
|
||||
class="van-notice-bar__content"
|
||||
>
|
||||
技术是开发它的人的共同灵魂。
|
||||
</div>
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-notice-bar__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="alert" class="van-notice-bar"><i class="van-badge__wrapper van-icon van-icon-volume-o van-notice-bar__left-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div role="marquee" class="van-notice-bar__wrap">
|
||||
<div style="transition-duration: 0s;" class="van-notice-bar__content van-ellipsis">
|
||||
<div role="alert"
|
||||
class="van-notice-bar"
|
||||
style="color: rgb(25, 137, 250); background: rgb(236, 249, 255);"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-info-o van-notice-bar__left-icon">
|
||||
</i>
|
||||
<div role="marquee"
|
||||
class="van-notice-bar__wrap"
|
||||
>
|
||||
<div style="transition-duration: 0s;"
|
||||
class="van-notice-bar__content"
|
||||
>
|
||||
技术是开发它的人的共同灵魂。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="alert"
|
||||
class="van-notice-bar"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-volume-o van-notice-bar__left-icon">
|
||||
</i>
|
||||
<div role="marquee"
|
||||
class="van-notice-bar__wrap"
|
||||
>
|
||||
<div style="transition-duration: 0s;"
|
||||
class="van-notice-bar__content van-ellipsis"
|
||||
>
|
||||
<div class="van-swipe notice-swipe">
|
||||
<div style="height: 0px; transition-duration: 0ms; transform: translateY(0px);" class="van-swipe__track van-swipe__track--vertical">
|
||||
<div class="van-swipe-item" style="height: 0px;">内容 1</div>
|
||||
<div class="van-swipe-item" style="height: 0px;">内容 2</div>
|
||||
<div class="van-swipe-item" style="height: 0px;">内容 3</div>
|
||||
<div style="height: 0px; transition-duration: 0ms; transform: translateY(0px);"
|
||||
class="van-swipe__track van-swipe__track--vertical"
|
||||
>
|
||||
<div class="van-swipe-item"
|
||||
style="height: 0px;"
|
||||
>
|
||||
内容 1
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="height: 0px;"
|
||||
>
|
||||
内容 2
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="height: 0px;"
|
||||
>
|
||||
内容 3
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,103 +2,109 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>基础用法</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
基础用法
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>主要通知</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
主要通知
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>成功通知</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
成功通知
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>危险通知</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
危险通知
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>警告通知</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
警告通知
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义颜色</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义颜色
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义时长</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义时长
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>组件调用</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
组件调用
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1,373 +1,807 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone">弹出默认键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__value van-cell__value--alone">
|
||||
弹出默认键盘
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone">弹出带右侧栏的键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__value van-cell__value--alone">
|
||||
弹出带右侧栏的键盘
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone">弹出身份证号键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__value van-cell__value--alone">
|
||||
弹出身份证号键盘
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone">弹出带标题的键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__value van-cell__value--alone">
|
||||
弹出带标题的键盘
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone">弹出配置多个按键的键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__value van-cell__value--alone">
|
||||
弹出配置多个按键的键盘
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>双向绑定</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-field"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<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" class="van-field__control" readonly="" placeholder="点此输入">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
placeholder="点此输入"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<transition-stub>
|
||||
<div class="van-number-keyboard">
|
||||
<!---->
|
||||
<div class="van-number-keyboard__body">
|
||||
<div class="van-number-keyboard__keys">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">1</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">2</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">3</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">4</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">5</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">6</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">7</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
7
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">8</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">9</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
9
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key"><svg class="van-key__collapse-icon" viewBox="0 0 30 24">
|
||||
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
<svg class="van-key__collapse-icon"
|
||||
viewbox="0 0 30 24"
|
||||
>
|
||||
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">0</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
0
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--delete"
|
||||
>
|
||||
<svg class="van-key__delete-icon"
|
||||
viewbox="0 0 32 22"
|
||||
>
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<div class="van-number-keyboard" style="display: none;">
|
||||
<!---->
|
||||
<div class="van-number-keyboard"
|
||||
style="display: none;"
|
||||
>
|
||||
<div class="van-number-keyboard__body">
|
||||
<div class="van-number-keyboard__keys">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">1</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">2</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">3</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">4</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">5</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">6</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">7</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
7
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">8</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">9</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
9
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper van-key__wrapper--wider">
|
||||
<div role="button" tabindex="0" class="van-key">0</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
0
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">.</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-number-keyboard__sidebar">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--large van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--large van-key--delete"
|
||||
>
|
||||
<svg class="van-key__delete-icon"
|
||||
viewbox="0 0 32 22"
|
||||
>
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--blue van-key--large">完成</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--blue van-key--large"
|
||||
>
|
||||
完成
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<div class="van-number-keyboard van-number-keyboard--with-title" style="display: none;">
|
||||
<div class="van-number-keyboard van-number-keyboard--with-title"
|
||||
style="display: none;"
|
||||
>
|
||||
<div class="van-number-keyboard__header">
|
||||
<!---->
|
||||
<!----><button type="button" class="van-number-keyboard__close">完成</button></div>
|
||||
<button type="button"
|
||||
class="van-number-keyboard__close"
|
||||
>
|
||||
完成
|
||||
</button>
|
||||
</div>
|
||||
<div class="van-number-keyboard__body">
|
||||
<div class="van-number-keyboard__keys">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">1</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">2</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">3</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">4</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">5</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">6</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">7</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
7
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">8</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">9</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
9
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">X</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
X
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">0</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
0
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--delete"
|
||||
>
|
||||
<svg class="van-key__delete-icon"
|
||||
viewbox="0 0 32 22"
|
||||
>
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<div class="van-number-keyboard van-number-keyboard--with-title" style="display: none;">
|
||||
<div class="van-number-keyboard van-number-keyboard--with-title"
|
||||
style="display: none;"
|
||||
>
|
||||
<div class="van-number-keyboard__header">
|
||||
<!---->
|
||||
<h2 class="van-number-keyboard__title">键盘标题</h2><button type="button" class="van-number-keyboard__close">完成</button>
|
||||
<h2 class="van-number-keyboard__title">
|
||||
键盘标题
|
||||
</h2>
|
||||
<button type="button"
|
||||
class="van-number-keyboard__close"
|
||||
>
|
||||
完成
|
||||
</button>
|
||||
</div>
|
||||
<div class="van-number-keyboard__body">
|
||||
<div class="van-number-keyboard__keys">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">1</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">2</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">3</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">4</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">5</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">6</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">7</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
7
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">8</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">9</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
9
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">.</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
.
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">0</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
0
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--delete"
|
||||
>
|
||||
<svg class="van-key__delete-icon"
|
||||
viewbox="0 0 32 22"
|
||||
>
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<div class="van-number-keyboard" style="display: none;">
|
||||
<!---->
|
||||
<div class="van-number-keyboard"
|
||||
style="display: none;"
|
||||
>
|
||||
<div class="van-number-keyboard__body">
|
||||
<div class="van-number-keyboard__keys">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">1</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">2</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">3</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">4</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">5</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">6</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">7</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
7
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">8</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">9</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
9
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">00</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
00
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">0</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
0
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">.</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-number-keyboard__sidebar">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--large van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--large van-key--delete"
|
||||
>
|
||||
<svg class="van-key__delete-icon"
|
||||
viewbox="0 0 32 22"
|
||||
>
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--blue van-key--large">完成</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--blue van-key--large"
|
||||
>
|
||||
完成
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<div class="van-number-keyboard" style="display: none;">
|
||||
<!---->
|
||||
<div class="van-number-keyboard"
|
||||
style="display: none;"
|
||||
>
|
||||
<div class="van-number-keyboard__body">
|
||||
<div class="van-number-keyboard__keys">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">1</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">2</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">3</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">4</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">5</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">6</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">7</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
7
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">8</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">9</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
9
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key"><svg class="van-key__collapse-icon" viewBox="0 0 30 24">
|
||||
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
<svg class="van-key__collapse-icon"
|
||||
viewbox="0 0 30 24"
|
||||
>
|
||||
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">0</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
0
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--delete"
|
||||
>
|
||||
<svg class="van-key__delete-icon"
|
||||
viewbox="0 0 32 22"
|
||||
>
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
|
||||
@ -1,24 +1,32 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal" style="margin-left: 16px;">
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
style="margin-left: 16px;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">显示遮罩层</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
显示遮罩层
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal" style="margin-left: 16px;">
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
style="margin-left: 16px;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">嵌入内容</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
嵌入内容
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -3,50 +3,91 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<ul class="van-pagination">
|
||||
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
|
||||
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">2</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">3</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">4</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">5</li>
|
||||
<!---->
|
||||
<li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
|
||||
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">
|
||||
上一页
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">
|
||||
1
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
2
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
3
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
4
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
5
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__next van-hairline">
|
||||
下一页
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="van-pagination van-pagination--simple" size="small">
|
||||
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
|
||||
<li class="van-pagination__page-desc">1/12</li>
|
||||
<li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
|
||||
<ul class="van-pagination van-pagination--simple"
|
||||
size="small"
|
||||
>
|
||||
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">
|
||||
上一页
|
||||
</li>
|
||||
<li class="van-pagination__page-desc">
|
||||
1/12
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__next van-hairline">
|
||||
下一页
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="van-pagination">
|
||||
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
|
||||
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">2</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">3</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">...</li>
|
||||
<!---->
|
||||
<li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
|
||||
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">
|
||||
上一页
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">
|
||||
1
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
2
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
3
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
...
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__next van-hairline">
|
||||
下一页
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="van-pagination">
|
||||
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline"><i class="van-badge__wrapper van-icon van-icon-arrow-left">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></li>
|
||||
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">2</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">3</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">4</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">5</li>
|
||||
<!---->
|
||||
<li class="van-pagination__item van-pagination__next van-hairline"><i class="van-badge__wrapper van-icon van-icon-arrow">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></li>
|
||||
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow-left">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">
|
||||
1
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
2
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
3
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
4
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__page van-hairline">
|
||||
5
|
||||
</li>
|
||||
<li class="van-pagination__item van-pagination__next van-hairline">
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow">
|
||||
</i>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -4,172 +4,266 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-password-input">
|
||||
<ul class="van-password-input__security van-hairline--surround">
|
||||
<li class="van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item van-password-input__item--focus"><i style="visibility: hidden;"></i>
|
||||
<div class="van-password-input__cursor"></div>
|
||||
<li class="van-hairline--left van-password-input__item van-password-input__item--focus">
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
<div class="van-password-input__cursor">
|
||||
</div>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
</ul>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-password-input">
|
||||
<ul class="van-password-input__security van-hairline--surround">
|
||||
<li class="van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
</ul>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-password-input">
|
||||
<ul class="van-password-input__security">
|
||||
<li class="van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item"
|
||||
style="margin-left: 10px;"
|
||||
>
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item"
|
||||
style="margin-left: 10px;"
|
||||
>
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item"
|
||||
style="margin-left: 10px;"
|
||||
>
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item"
|
||||
style="margin-left: 10px;"
|
||||
>
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item"
|
||||
style="margin-left: 10px;"
|
||||
>
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
</ul>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-password-input">
|
||||
<ul class="van-password-input__security van-hairline--surround">
|
||||
<li class="van-password-input__item">1
|
||||
<!---->
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item">2
|
||||
<!---->
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item">3
|
||||
<!---->
|
||||
<li class="van-password-input__item">
|
||||
1
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
2
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
3
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<!---->
|
||||
<!---->
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<!---->
|
||||
<!---->
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<!---->
|
||||
<!---->
|
||||
</li>
|
||||
</ul>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-password-input">
|
||||
<ul class="van-password-input__security van-hairline--surround">
|
||||
<li class="van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: visible;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
|
||||
<!---->
|
||||
<li class="van-hairline--left van-password-input__item">
|
||||
<i style="visibility: hidden;">
|
||||
</i>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="van-password-input__info">密码为 6 位数字</div>
|
||||
<div class="van-password-input__info">
|
||||
密码为 6 位数字
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<div class="van-number-keyboard">
|
||||
<!---->
|
||||
<div class="van-number-keyboard__body">
|
||||
<div class="van-number-keyboard__keys">
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">1</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">2</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">3</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">4</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">5</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">6</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
6
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">7</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
7
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">8</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
8
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">9</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
9
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key"><svg class="van-key__collapse-icon" viewBox="0 0 30 24">
|
||||
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
<svg class="van-key__collapse-icon"
|
||||
viewbox="0 0 30 24"
|
||||
>
|
||||
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key">0</div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key"
|
||||
>
|
||||
0
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-key__wrapper">
|
||||
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
|
||||
</svg></div>
|
||||
<div role="button"
|
||||
tabindex="0"
|
||||
class="van-key van-key--delete"
|
||||
>
|
||||
<svg class="van-key__delete-icon"
|
||||
viewbox="0 0 32 22"
|
||||
>
|
||||
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
|
||||
fill="currentColor"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
|
||||
@ -3,323 +3,753 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-picker">
|
||||
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
|
||||
<div class="van-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
||||
<div class="van-picker__toolbar">
|
||||
<button type="button"
|
||||
class="van-picker__cancel"
|
||||
>
|
||||
取消
|
||||
</button>
|
||||
<div class="van-picker__title van-ellipsis">
|
||||
标题
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-picker__confirm"
|
||||
>
|
||||
确认
|
||||
</button>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-picker__columns" style="height: 264px;">
|
||||
<div class="van-picker__columns"
|
||||
style="height: 264px;"
|
||||
>
|
||||
<div class="van-picker-column">
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">杭州</div>
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
杭州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">宁波</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
宁波
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">温州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
温州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">绍兴</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
绍兴
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">湖州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
湖州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">嘉兴</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
嘉兴
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">金华</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
金华
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">衢州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<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 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-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
||||
<div class="van-picker__toolbar">
|
||||
<button type="button"
|
||||
class="van-picker__cancel"
|
||||
>
|
||||
取消
|
||||
</button>
|
||||
<div class="van-picker__title van-ellipsis">
|
||||
标题
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-picker__confirm"
|
||||
>
|
||||
确认
|
||||
</button>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-picker__columns" style="height: 264px;">
|
||||
<div class="van-picker__columns"
|
||||
style="height: 264px;"
|
||||
>
|
||||
<div class="van-picker-column">
|
||||
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">杭州</div>
|
||||
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
杭州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">宁波</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
宁波
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">温州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
温州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">绍兴</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
绍兴
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">湖州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
湖州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">嘉兴</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
嘉兴
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">金华</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
金华
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">衢州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<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 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-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
||||
<div class="van-picker__toolbar">
|
||||
<button type="button"
|
||||
class="van-picker__cancel"
|
||||
>
|
||||
取消
|
||||
</button>
|
||||
<div class="van-picker__title van-ellipsis">
|
||||
标题
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-picker__confirm"
|
||||
>
|
||||
确认
|
||||
</button>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-picker__columns" style="height: 264px;">
|
||||
<div class="van-picker__columns"
|
||||
style="height: 264px;"
|
||||
>
|
||||
<div class="van-picker-column">
|
||||
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">周一</div>
|
||||
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
周一
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">周二</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
周二
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">周三</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
周三
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">周四</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
周四
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">周五</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
周五
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="van-picker-column">
|
||||
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">上午</div>
|
||||
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
上午
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">下午</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
下午
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">晚上</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<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 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-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
||||
<div class="van-picker__toolbar">
|
||||
<button type="button"
|
||||
class="van-picker__cancel"
|
||||
>
|
||||
取消
|
||||
</button>
|
||||
<div class="van-picker__title van-ellipsis">
|
||||
标题
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-picker__confirm"
|
||||
>
|
||||
确认
|
||||
</button>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-picker__columns" style="height: 264px;">
|
||||
<div class="van-picker__columns"
|
||||
style="height: 264px;"
|
||||
>
|
||||
<div class="van-picker-column">
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">浙江</div>
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
浙江
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">福建</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
福建
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="van-picker-column">
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">杭州</div>
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
杭州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">温州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
温州
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="van-picker-column">
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">西湖区</div>
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
西湖区
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">余杭区</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<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 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-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
||||
<div class="van-picker__toolbar">
|
||||
<button type="button"
|
||||
class="van-picker__cancel"
|
||||
>
|
||||
取消
|
||||
</button>
|
||||
<div class="van-picker__title van-ellipsis">
|
||||
标题
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-picker__confirm"
|
||||
>
|
||||
确认
|
||||
</button>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-picker__columns" style="height: 264px;">
|
||||
<div class="van-picker__columns"
|
||||
style="height: 264px;"
|
||||
>
|
||||
<div class="van-picker-column">
|
||||
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="-1" class="van-picker-column__item van-picker-column__item--disabled">
|
||||
<div class="van-ellipsis">杭州</div>
|
||||
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="-1"
|
||||
class="van-picker-column__item van-picker-column__item--disabled"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
杭州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">宁波</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
宁波
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">温州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<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 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-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
||||
<div class="van-picker__toolbar">
|
||||
<button type="button"
|
||||
class="van-picker__cancel"
|
||||
>
|
||||
取消
|
||||
</button>
|
||||
<div class="van-picker__title van-ellipsis">
|
||||
标题
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-picker__confirm"
|
||||
>
|
||||
确认
|
||||
</button>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-picker__columns" style="height: 264px;">
|
||||
<div class="van-picker__columns"
|
||||
style="height: 264px;"
|
||||
>
|
||||
<div class="van-picker-column column1">
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">浙江</div>
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
浙江
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">福建</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
福建
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="van-picker-column column2">
|
||||
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">杭州</div>
|
||||
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
杭州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">宁波</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
宁波
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">温州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
温州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">嘉兴</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
嘉兴
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">湖州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<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 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-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
|
||||
<div class="van-picker__toolbar">
|
||||
<button type="button"
|
||||
class="van-picker__cancel"
|
||||
>
|
||||
取消
|
||||
</button>
|
||||
<div class="van-picker__title van-ellipsis">
|
||||
标题
|
||||
</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 class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-picker__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular">
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<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__columns"
|
||||
style="height: 264px;"
|
||||
>
|
||||
<div class="van-picker-column column1">
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">浙江</div>
|
||||
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
浙江
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">福建</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
福建
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="van-picker-column column2">
|
||||
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">杭州</div>
|
||||
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
|
||||
class="van-picker-column__wrapper"
|
||||
>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
杭州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">宁波</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
宁波
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
|
||||
<div class="van-ellipsis">温州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item van-picker-column__item--selected"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
温州
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">嘉兴</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<div class="van-ellipsis">
|
||||
嘉兴
|
||||
</div>
|
||||
</li>
|
||||
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
|
||||
<div class="van-ellipsis">湖州</div>
|
||||
<li role="button"
|
||||
style="height: 44px;"
|
||||
tabindex="0"
|
||||
class="van-picker-column__item"
|
||||
>
|
||||
<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 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-cell van-cell--clickable van-field" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>城市</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable van-field"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<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" class="van-field__control" readonly="" placeholder="选择城市">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
placeholder="选择城市"
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1,44 +1,92 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><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></span><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><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></span></div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title van-field__label"><span>选择弹出位置</span>
|
||||
<!---->
|
||||
<span class="van-popover__wrapper">
|
||||
<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>
|
||||
</span>
|
||||
<span class="van-popover__wrapper">
|
||||
<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>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable van-field"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<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" name="picker" class="van-field__control" readonly="">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__body">
|
||||
<input type="text"
|
||||
name="picker"
|
||||
class="van-field__control"
|
||||
readonly
|
||||
>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><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></span><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><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></span></div>
|
||||
<div><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><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></span></div>
|
||||
<div>
|
||||
<span class="van-popover__wrapper">
|
||||
<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>
|
||||
</span>
|
||||
<span class="van-popover__wrapper">
|
||||
<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>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="van-popover__wrapper">
|
||||
<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>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,47 +2,54 @@
|
||||
|
||||
exports[`should allow to custom the className of action 1`] = `
|
||||
<div class="van-popover__action foo">
|
||||
<!---->
|
||||
<div class="van-popover__action-text van-hairline--bottom">Option</div>
|
||||
<div class="van-popover__action-text van-hairline--bottom">
|
||||
Option
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should locate to reference element when showed 1`] = `
|
||||
<!---->
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
exports[`should locate to reference element when showed 2`] = `
|
||||
<!---->
|
||||
<transition-stub>
|
||||
<div style="z-index: 2005; position: absolute; left: 0px; top: 8px; margin: 0px;" class="van-popup van-popover van-popover--light" data-popper-placement="bottom">
|
||||
<div class="van-popover__arrow"></div>
|
||||
<div class="van-popover__content"></div>
|
||||
<!---->
|
||||
<div style="z-index: 2005; position: absolute; left: 0px; top: 8px; margin: 0px;"
|
||||
class="van-popup van-popover van-popover--light"
|
||||
data-popper-placement="bottom"
|
||||
>
|
||||
<div class="van-popover__arrow">
|
||||
</div>
|
||||
<div class="van-popover__content">
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
exports[`should locate to reference element when showed 3`] = `
|
||||
<!---->
|
||||
<transition-stub>
|
||||
<div style="z-index: 2005; display: none;" class="van-popup van-popover van-popover--light">
|
||||
<div class="van-popover__arrow"></div>
|
||||
<div class="van-popover__content"></div>
|
||||
<!---->
|
||||
<div style="z-index: 2005; display: none;"
|
||||
class="van-popup van-popover van-popover--light"
|
||||
>
|
||||
<div class="van-popover__arrow">
|
||||
</div>
|
||||
<div class="van-popover__content">
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
exports[`should watch placement prop and update location 1`] = `
|
||||
<!---->
|
||||
<transition-stub>
|
||||
<div style="z-index: 2006; position: absolute; left: 0px; top: -8px; margin: 0px;" class="van-popup van-popover van-popover--light" data-popper-placement="top">
|
||||
<div class="van-popover__arrow"></div>
|
||||
<div class="van-popover__content"></div>
|
||||
<!---->
|
||||
<div style="z-index: 2006; position: absolute; left: 0px; top: -8px; margin: 0px;"
|
||||
class="van-popup van-popover van-popover--light"
|
||||
data-popper-placement="top"
|
||||
>
|
||||
<div class="van-popover__arrow">
|
||||
</div>
|
||||
<div class="van-popover__content">
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
@ -2,179 +2,169 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>展示弹出层</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
展示弹出层
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>顶部弹出</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
顶部弹出
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>底部弹出</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
底部弹出
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>左侧弹出</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
左侧弹出
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>右侧弹出</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
右侧弹出
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>关闭图标</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
关闭图标
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义图标</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义图标
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>图标位置</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
图标位置
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>圆角弹窗</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
圆角弹窗
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>指定挂载节点</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
指定挂载节点
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!--teleport start-->
|
||||
<!--teleport end-->
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,17 +2,79 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span style="left: 0px;" class="van-progress__pivot">50%</span></span></div>
|
||||
<div class="van-progress">
|
||||
<span class="van-progress__portion"
|
||||
style="width: 0px;"
|
||||
>
|
||||
<span style="left: 0px;"
|
||||
class="van-progress__pivot"
|
||||
>
|
||||
50%
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-progress" style="height: 8px;"><span class="van-progress__portion" style="width: 0px;"><span style="left: 0px;" class="van-progress__pivot">50%</span></span></div>
|
||||
<div class="van-progress"
|
||||
style="height: 8px;"
|
||||
>
|
||||
<span class="van-progress__portion"
|
||||
style="width: 0px;"
|
||||
>
|
||||
<span style="left: 0px;"
|
||||
class="van-progress__pivot"
|
||||
>
|
||||
50%
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-progress"><span class="van-progress__portion" style="background: rgb(202, 202, 202); width: 0px;"><span style="left: 0px; background: rgb(202, 202, 202);" class="van-progress__pivot">50%</span></span></div>
|
||||
<div class="van-progress">
|
||||
<span class="van-progress__portion"
|
||||
style="background: rgb(202, 202, 202); width: 0px;"
|
||||
>
|
||||
<span style="left: 0px; background: rgb(202, 202, 202);"
|
||||
class="van-progress__pivot"
|
||||
>
|
||||
50%
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-progress"><span class="van-progress__portion" style="background: rgb(242, 130, 106); width: 0px;"><span style="left: 0px; background: rgb(242, 130, 106);" class="van-progress__pivot">橙色</span></span></div>
|
||||
<div class="van-progress"><span class="van-progress__portion" style="background: rgb(238, 10, 36); width: 0px;"><span style="left: 0px; background: rgb(238, 10, 36);" class="van-progress__pivot">红色</span></span></div>
|
||||
<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span style="left: 0px; background: rgb(114, 50, 221);" class="van-progress__pivot">紫色</span></span></div>
|
||||
<div class="van-progress">
|
||||
<span class="van-progress__portion"
|
||||
style="background: rgb(242, 130, 106); width: 0px;"
|
||||
>
|
||||
<span style="left: 0px; background: rgb(242, 130, 106);"
|
||||
class="van-progress__pivot"
|
||||
>
|
||||
橙色
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-progress">
|
||||
<span class="van-progress__portion"
|
||||
style="background: rgb(238, 10, 36); width: 0px;"
|
||||
>
|
||||
<span style="left: 0px; background: rgb(238, 10, 36);"
|
||||
class="van-progress__pivot"
|
||||
>
|
||||
红色
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-progress">
|
||||
<span class="van-progress__portion"
|
||||
style="width: 0px;"
|
||||
>
|
||||
<span style="left: 0px; background: rgb(114, 50, 221);"
|
||||
class="van-progress__pivot"
|
||||
>
|
||||
紫色
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -3,29 +3,65 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-tabs van-tabs--line">
|
||||
<div class="van-tabs__wrap">
|
||||
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
|
||||
<!---->
|
||||
<div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-tab__text van-tab__text--ellipsis">基础用法</span></div>
|
||||
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">成功提示</span></div>
|
||||
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">自定义提示</span></div>
|
||||
<div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
|
||||
<!---->
|
||||
<div role="tablist"
|
||||
class="van-tabs__nav van-tabs__nav--line"
|
||||
>
|
||||
<div role="tab"
|
||||
class="van-tab van-tab--active"
|
||||
aria-selected="true"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
基础用法
|
||||
</span>
|
||||
</div>
|
||||
<div role="tab"
|
||||
class="van-tab"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
成功提示
|
||||
</span>
|
||||
</div>
|
||||
<div role="tab"
|
||||
class="van-tab"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span class="van-tab__text van-tab__text--ellipsis">
|
||||
自定义提示
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-tabs__line"
|
||||
style="transform: translateX(0px) translateX(-50%);"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabs__content">
|
||||
<div role="tabpanel" class="van-tab__pane" style="">
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style
|
||||
>
|
||||
<div class="van-pull-refresh">
|
||||
<div class="van-pull-refresh__track" style="transition-duration: 0ms;">
|
||||
<div class="van-pull-refresh__head"></div>
|
||||
<p>下拉试试</p>
|
||||
<div class="van-pull-refresh__track"
|
||||
style="transition-duration: 0ms;"
|
||||
>
|
||||
<div class="van-pull-refresh__head">
|
||||
</div>
|
||||
<p>
|
||||
下拉试试
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
||||
<!---->
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style="display: none;"
|
||||
>
|
||||
</div>
|
||||
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
||||
<!---->
|
||||
<div role="tabpanel"
|
||||
class="van-tab__pane"
|
||||
style="display: none;"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,159 +2,311 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group" role="radiogroup">
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 1</span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group van-radio-group--horizontal demo-radio-group" role="radiogroup">
|
||||
<div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 1</span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group" role="radiogroup">
|
||||
<div role="radio" class="van-radio van-radio--disabled" tabindex="-1" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--disabled"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label van-radio__label--disabled">单选框 1</span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio van-radio--disabled" tabindex="-1" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--disabled van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label van-radio__label--disabled">单选框 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group" role="radiogroup">
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--square van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 1</span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--square"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group" role="radiogroup">
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__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-radio__label">单选框 1 </span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 2 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group" role="radiogroup">
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 24px;"><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-radio__label">单选框 1 </span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round" style="font-size: 24px;"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 2 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group" role="radiogroup">
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><img src="https://img.yzcdn.cn/vant/user-active.png"></div><span class="van-radio__label">单选框 1 </span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round"><img src="https://img.yzcdn.cn/vant/user-inactive.png"></div><span class="van-radio__label">单选框 2 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group" role="radiogroup">
|
||||
<div role="radio" class="van-radio van-radio--label-disabled" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 1</span>
|
||||
</div>
|
||||
<div role="radio" class="van-radio van-radio--label-disabled" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div><span class="van-radio__label">单选框 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group" role="radiogroup">
|
||||
<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>单选框1</span>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-radio-group demo-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单选框2</span>
|
||||
<!---->
|
||||
<span class="van-radio__label">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group van-radio-group--horizontal demo-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio van-radio--horizontal"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio van-radio--horizontal"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio van-radio--disabled"
|
||||
tabindex="-1"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--disabled">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label van-radio__label--disabled">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio van-radio--disabled"
|
||||
tabindex="-1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--disabled van-radio__icon--checked">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label van-radio__label--disabled">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--square van-radio__icon--checked">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--square">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__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-radio__label">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"
|
||||
style="font-size: 24px;"
|
||||
>
|
||||
<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-radio__label">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round"
|
||||
style="font-size: 24px;"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
|
||||
<img src="https://img.yzcdn.cn/vant/user-active.png">
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round">
|
||||
<img src="https://img.yzcdn.cn/vant/user-inactive.png">
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group demo-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-radio van-radio--label-disabled"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 1
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio van-radio--label-disabled"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
<span class="van-radio__label">
|
||||
单选框 2
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-radio-group"
|
||||
role="radiogroup"
|
||||
>
|
||||
<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>
|
||||
单选框1
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
|
||||
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
|
||||
<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>
|
||||
单选框2
|
||||
</span>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-radio"
|
||||
tabindex="0"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-radio__icon van-radio__icon--round">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,285 +2,585 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div role="radiogroup" class="van-rate" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radiogroup"
|
||||
class="van-rate"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="3"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="4"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="radiogroup" class="van-rate" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radiogroup"
|
||||
class="van-rate"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="3"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-like-o van-rate__icon" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="4"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-like-o van-rate__icon"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-like-o van-rate__icon" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-like-o van-rate__icon"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="radiogroup" class="van-rate" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radiogroup"
|
||||
class="van-rate"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
style="color: rgb(255, 210, 30); font-size: 25px;"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
style="color: rgb(255, 210, 30); font-size: 25px;"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="3"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
style="color: rgb(255, 210, 30); font-size: 25px;"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="4"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
|
||||
style="color: rgb(238, 238, 238); font-size: 25px;"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
|
||||
style="color: rgb(238, 238, 238); font-size: 25px;"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="radiogroup" class="van-rate" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="font-size: 25px;" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;" data-score="0.5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="font-size: 25px;" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;" data-score="1.5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;" data-score="2.5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="3.5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="4.5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="radiogroup" class="van-rate" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radiogroup"
|
||||
class="van-rate"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
style="font-size: 25px;"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full"
|
||||
style="font-size: 25px;"
|
||||
data-score="0.5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
style="font-size: 25px;"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full"
|
||||
style="font-size: 25px;"
|
||||
data-score="1.5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="3"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
|
||||
style="color: rgb(238, 238, 238); font-size: 25px;"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full"
|
||||
style="font-size: 25px;"
|
||||
data-score="2.5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="4" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="4"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
|
||||
style="color: rgb(238, 238, 238); font-size: 25px;"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half"
|
||||
style="color: rgb(238, 238, 238); font-size: 25px;"
|
||||
data-score="3.5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="6" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="6">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
|
||||
style="color: rgb(238, 238, 238); font-size: 25px;"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half"
|
||||
style="color: rgb(238, 238, 238); font-size: 25px;"
|
||||
data-score="4.5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="radiogroup" class="van-rate van-rate--disabled" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radiogroup"
|
||||
class="van-rate"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="6"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="6"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="6"
|
||||
aria-posinset="3"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="6"
|
||||
aria-posinset="4"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="6"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="6"
|
||||
aria-posinset="6"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="6"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="radiogroup" class="van-rate van-rate--readonly" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radiogroup"
|
||||
class="van-rate van-rate--disabled"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="3"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="4"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="radiogroup" class="van-rate" tabindex="0">
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radiogroup"
|
||||
class="van-rate van-rate--readonly"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="3">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="3"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="4">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="4"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="radiogroup"
|
||||
class="van-rate"
|
||||
tabindex="0"
|
||||
>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="1"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="1"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="2"
|
||||
aria-checked="true"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
|
||||
data-score="2"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="3"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="3"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="4"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="4"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div role="radio"
|
||||
class="van-rate__item"
|
||||
tabindex="0"
|
||||
aria-setsize="5"
|
||||
aria-posinset="5"
|
||||
aria-checked="false"
|
||||
>
|
||||
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
|
||||
data-score="5"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,167 +3,143 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-search">
|
||||
<!---->
|
||||
<div class="van-search__content van-search__content--square">
|
||||
<!---->
|
||||
<div class="van-cell van-cell--borderless van-field">
|
||||
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body"><input type="search" class="van-field__control" placeholder="请输入搜索关键词">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__left-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body">
|
||||
<input type="search"
|
||||
class="van-field__control"
|
||||
placeholder="请输入搜索关键词"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<form action="/">
|
||||
<div class="van-search van-search--show-action">
|
||||
<!---->
|
||||
<div class="van-search__content van-search__content--square">
|
||||
<!---->
|
||||
<div class="van-cell van-cell--borderless van-field">
|
||||
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body"><input type="search" class="van-field__control" placeholder="请输入搜索关键词">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__left-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body">
|
||||
<input type="search"
|
||||
class="van-field__control"
|
||||
placeholder="请输入搜索关键词"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-search__action" role="button" tabindex="0">取消</div>
|
||||
<div class="van-search__action"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
取消
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-search">
|
||||
<!---->
|
||||
<div class="van-search__content van-search__content--square">
|
||||
<!---->
|
||||
<div class="van-cell van-cell--borderless van-field">
|
||||
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body"><input type="search" class="van-field__control van-field__control--center" placeholder="请输入搜索关键词">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__left-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body">
|
||||
<input type="search"
|
||||
class="van-field__control van-field__control--center"
|
||||
placeholder="请输入搜索关键词"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-search">
|
||||
<!---->
|
||||
<div class="van-search__content van-search__content--square">
|
||||
<!---->
|
||||
<div class="van-cell van-cell--borderless van-field van-field--disabled">
|
||||
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body"><input type="search" class="van-field__control" disabled="" placeholder="请输入搜索关键词">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__left-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body">
|
||||
<input type="search"
|
||||
class="van-field__control"
|
||||
disabled
|
||||
placeholder="请输入搜索关键词"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-search" style="background: rgb(79, 192, 141);">
|
||||
<!---->
|
||||
<div class="van-search"
|
||||
style="background: rgb(79, 192, 141);"
|
||||
>
|
||||
<div class="van-search__content van-search__content--round">
|
||||
<!---->
|
||||
<div class="van-cell van-cell--borderless van-field">
|
||||
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body"><input type="search" class="van-field__control" placeholder="请输入搜索关键词">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__left-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body">
|
||||
<input type="search"
|
||||
class="van-field__control"
|
||||
placeholder="请输入搜索关键词"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-search van-search--show-action">
|
||||
<!---->
|
||||
<div class="van-search__content van-search__content--square">
|
||||
<div class="van-search__label">地址</div>
|
||||
<div class="van-search__label">
|
||||
地址
|
||||
</div>
|
||||
<div class="van-cell van-cell--borderless van-field">
|
||||
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body"><input type="search" class="van-field__control" placeholder="请输入搜索关键词">
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-field__left-icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell__value van-cell__value--alone van-field__value">
|
||||
<div class="van-field__body">
|
||||
<input type="search"
|
||||
class="van-field__control"
|
||||
placeholder="请输入搜索关键词"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-search__action" role="button" tabindex="0">
|
||||
<div>搜索</div>
|
||||
<div class="van-search__action"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div>
|
||||
搜索
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,79 +2,75 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>显示分享面板</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
显示分享面板
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>显示分享面板</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
显示分享面板
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>显示分享面板</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
显示分享面板
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>显示分享面板</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
显示分享面板
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,75 +2,116 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-grid">
|
||||
<div class="van-grid-item" style="flex-basis: 50%;">
|
||||
<div class="van-grid-item"
|
||||
style="flex-basis: 50%;"
|
||||
>
|
||||
<div class="van-grid-item__content van-grid-item__content--center">
|
||||
<h3 class="demo-sidebar-title">基础用法</h3>
|
||||
<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
<h3 class="demo-sidebar-title">
|
||||
基础用法
|
||||
</h3>
|
||||
<div class="van-sidebar">
|
||||
<a class="van-sidebar-item van-sidebar-item--select">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
</div>
|
||||
</a><a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
</div>
|
||||
</a><a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
</div>
|
||||
</a></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-grid-item" style="flex-basis: 50%;">
|
||||
<div class="van-grid-item"
|
||||
style="flex-basis: 50%;"
|
||||
>
|
||||
<div class="van-grid-item__content van-grid-item__content--center">
|
||||
<h3 class="demo-sidebar-title">徽标提示</h3>
|
||||
<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
<!---->
|
||||
<h3 class="demo-sidebar-title">
|
||||
徽标提示
|
||||
</h3>
|
||||
<div class="van-sidebar">
|
||||
<a class="van-sidebar-item van-sidebar-item--select">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
</div>
|
||||
</div>
|
||||
</a><a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名<div class="van-badge van-badge--fixed">5</div>
|
||||
</a>
|
||||
<a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
<div class="van-badge van-badge--fixed">
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
</a><a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名<div class="van-badge van-badge--fixed">99+</div>
|
||||
</a>
|
||||
<a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
<div class="van-badge van-badge--fixed">
|
||||
99+
|
||||
</div>
|
||||
</div>
|
||||
</a></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-grid-item" style="flex-basis: 50%;">
|
||||
<div class="van-grid-item"
|
||||
style="flex-basis: 50%;"
|
||||
>
|
||||
<div class="van-grid-item__content van-grid-item__content--center">
|
||||
<h3 class="demo-sidebar-title">禁用选项</h3>
|
||||
<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
<h3 class="demo-sidebar-title">
|
||||
禁用选项
|
||||
</h3>
|
||||
<div class="van-sidebar">
|
||||
<a class="van-sidebar-item van-sidebar-item--select">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
</div>
|
||||
</a><a class="van-sidebar-item van-sidebar-item--disabled">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item van-sidebar-item--disabled">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
</div>
|
||||
</a><a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名
|
||||
</div>
|
||||
</a></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-grid-item" style="flex-basis: 50%;">
|
||||
<div class="van-grid-item"
|
||||
style="flex-basis: 50%;"
|
||||
>
|
||||
<div class="van-grid-item__content van-grid-item__content--center">
|
||||
<h3 class="demo-sidebar-title">监听切换事件</h3>
|
||||
<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名1
|
||||
<!---->
|
||||
<h3 class="demo-sidebar-title">
|
||||
监听切换事件
|
||||
</h3>
|
||||
<div class="van-sidebar">
|
||||
<a class="van-sidebar-item van-sidebar-item--select">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名1
|
||||
</div>
|
||||
</a><a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名2
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名2
|
||||
</div>
|
||||
</a><a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">标签名3
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
标签名3
|
||||
</div>
|
||||
</a></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,39 +3,73 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-skeleton van-skeleton--animate">
|
||||
<!---->
|
||||
<div class="van-skeleton__content">
|
||||
<h3 class="van-skeleton__title"></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>
|
||||
<h3 class="van-skeleton__title">
|
||||
</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"></div>
|
||||
<div class="van-skeleton__avatar van-skeleton__avatar--round">
|
||||
</div>
|
||||
<div class="van-skeleton__content">
|
||||
<h3 class="van-skeleton__title"></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>
|
||||
<h3 class="van-skeleton__title">
|
||||
</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 role="switch" class="van-switch" style="font-size: 24px;" aria-checked="false">
|
||||
<div role="switch"
|
||||
class="van-switch"
|
||||
style="font-size: 24px;"
|
||||
aria-checked="false"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-skeleton van-skeleton--animate">
|
||||
<div class="van-skeleton__avatar van-skeleton__avatar--round"></div>
|
||||
<div class="van-skeleton__avatar van-skeleton__avatar--round">
|
||||
</div>
|
||||
<div class="van-skeleton__content">
|
||||
<h3 class="van-skeleton__title"></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>
|
||||
<h3 class="van-skeleton__title">
|
||||
</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>
|
||||
|
||||
@ -1,22 +1,37 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should change avatar shape when using avatar-shape prop 1`] = `<div class="van-skeleton__avatar van-skeleton__avatar--square"></div>`;
|
||||
exports[`should change avatar shape when using avatar-shape prop 1`] = `
|
||||
<div class="van-skeleton__avatar van-skeleton__avatar--square">
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should change avatar size when using avatar-size prop: 20rem 1`] = `"20rem"`;
|
||||
|
||||
exports[`should change avatar size when using avatar-size prop: 20ren 1`] = `"20rem"`;
|
||||
|
||||
exports[`should render default slot when loading is false 1`] = `<div>Content</div>`;
|
||||
exports[`should render default slot when loading is false 1`] = `
|
||||
<div>
|
||||
Content
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should render with row width array correctly 1`] = `
|
||||
<div class="van-skeleton van-skeleton--animate">
|
||||
<!---->
|
||||
<div class="van-skeleton__content">
|
||||
<!---->
|
||||
<div class="van-skeleton__row" style="width: 100%;"></div>
|
||||
<div class="van-skeleton__row" style="width: 30px;"></div>
|
||||
<div class="van-skeleton__row" style="width: 5rem;"></div>
|
||||
<div class="van-skeleton__row"></div>
|
||||
<div class="van-skeleton__row"
|
||||
style="width: 100%;"
|
||||
>
|
||||
</div>
|
||||
<div class="van-skeleton__row"
|
||||
style="width: 30px;"
|
||||
>
|
||||
</div>
|
||||
<div class="van-skeleton__row"
|
||||
style="width: 5rem;"
|
||||
>
|
||||
</div>
|
||||
<div class="van-skeleton__row">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -3,66 +3,147 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-slider">
|
||||
<div class="van-slider__bar" style="width: 50%; left: 0%;">
|
||||
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
|
||||
<div class="van-slider__button"></div>
|
||||
<div class="van-slider__bar"
|
||||
style="width: 50%; left: 0%;"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="50"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-slider">
|
||||
<div class="van-slider__bar" style="width: 40%; left: 20%;">
|
||||
<div role="slider" class="van-slider__button-wrapper-left" tabindex="0" aria-valuemin="0" aria-valuenow="20" aria-valuemax="100" aria-orientation="horizontal">
|
||||
<div class="van-slider__button"></div>
|
||||
<div class="van-slider__bar"
|
||||
style="width: 40%; left: 20%;"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper-left"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="20"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
<div role="slider" class="van-slider__button-wrapper-right" tabindex="0" aria-valuemin="0" aria-valuenow="60" aria-valuemax="100" aria-orientation="horizontal">
|
||||
<div class="van-slider__button"></div>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper-right"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="60"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-slider">
|
||||
<div class="van-slider__bar" style="width: 50%; left: 0%;">
|
||||
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="-50" aria-valuenow="0" aria-valuemax="50" aria-orientation="horizontal">
|
||||
<div class="van-slider__button"></div>
|
||||
<div class="van-slider__bar"
|
||||
style="width: 50%; left: 0%;"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper"
|
||||
tabindex="0"
|
||||
aria-valuemin="-50"
|
||||
aria-valuenow="0"
|
||||
aria-valuemax="50"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-slider van-slider--disabled">
|
||||
<div class="van-slider__bar" style="width: 50%; left: 0%;">
|
||||
<div role="slider" class="van-slider__button-wrapper" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
|
||||
<div class="van-slider__button"></div>
|
||||
<div class="van-slider__bar"
|
||||
style="width: 50%; left: 0%;"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper"
|
||||
tabindex="-1"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="50"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-slider">
|
||||
<div class="van-slider__bar" style="width: 50%; left: 0%;">
|
||||
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
|
||||
<div class="van-slider__button"></div>
|
||||
<div class="van-slider__bar"
|
||||
style="width: 50%; left: 0%;"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="50"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="height: 4px;" class="van-slider">
|
||||
<div class="van-slider__bar" style="width: 50%; left: 0%; background: rgb(238, 10, 36);">
|
||||
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
|
||||
<div class="van-slider__button"></div>
|
||||
<div style="height: 4px;"
|
||||
class="van-slider"
|
||||
>
|
||||
<div class="van-slider__bar"
|
||||
style="width: 50%; left: 0%; background: rgb(238, 10, 36);"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="50"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-slider">
|
||||
<div class="van-slider__bar" style="width: 50%; left: 0%; background: rgb(238, 10, 36);">
|
||||
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
|
||||
<div class="custom-button">50</div>
|
||||
<div class="van-slider__bar"
|
||||
style="width: 50%; left: 0%; background: rgb(238, 10, 36);"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="50"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="horizontal"
|
||||
>
|
||||
<div class="custom-button">
|
||||
50
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -70,19 +151,49 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div style="height: 150px; padding-left: 30px;">
|
||||
<div class="van-slider van-slider--vertical">
|
||||
<div class="van-slider__bar" style="height: 50%; top: 0%;">
|
||||
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="vertical">
|
||||
<div class="van-slider__button"></div>
|
||||
<div class="van-slider__bar"
|
||||
style="height: 50%; top: 0%;"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="50"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="vertical"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-left: 100px;" class="van-slider van-slider--vertical">
|
||||
<div class="van-slider__bar" style="height: 40%; top: 20%;">
|
||||
<div role="slider" class="van-slider__button-wrapper-left" tabindex="0" aria-valuemin="0" aria-valuenow="20" aria-valuemax="100" aria-orientation="vertical">
|
||||
<div class="van-slider__button"></div>
|
||||
<div style="margin-left: 100px;"
|
||||
class="van-slider van-slider--vertical"
|
||||
>
|
||||
<div class="van-slider__bar"
|
||||
style="height: 40%; top: 20%;"
|
||||
>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper-left"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="20"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="vertical"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
<div role="slider" class="van-slider__button-wrapper-right" tabindex="0" aria-valuemin="0" aria-valuenow="60" aria-valuemax="100" aria-orientation="vertical">
|
||||
<div class="van-slider__button"></div>
|
||||
<div role="slider"
|
||||
class="van-slider__button-wrapper-right"
|
||||
tabindex="0"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="60"
|
||||
aria-valuemax="100"
|
||||
aria-orientation="vertical"
|
||||
>
|
||||
<div class="van-slider__button">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,113 +2,282 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>基础用法</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
基础用法
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>步长设置</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
步长设置
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>限制输入范围</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
限制输入范围
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="8" aria-valuemin="5" aria-valuenow="5"><button type="button" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
inputmode="decimal"
|
||||
aria-valuemax="8"
|
||||
aria-valuemin="5"
|
||||
aria-valuenow="5"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>限制输入整数</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
限制输入整数
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="tel" role="spinbutton" class="van-stepper__input" inputmode="numeric" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="tel"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
inputmode="numeric"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>禁用状态</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
禁用状态
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" disabled="" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus van-stepper__plus--disabled"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
disabled
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus van-stepper__plus--disabled"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>禁用输入框</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
禁用输入框
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" readonly="" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
readonly
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>固定小数位数</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
固定小数位数
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义大小</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义大小
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" style="width: 32px; height: 32px;" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" style="width: 40px; height: 32px;" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" style="width: 32px; height: 32px;" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
style="width: 32px; height: 32px;"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
style="width: 40px; height: 32px;"
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
style="width: 32px; height: 32px;"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>异步变更</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
异步变更
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper">
|
||||
<button type="button"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>圆角风格</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
圆角风格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<div class="van-stepper van-stepper--round"><button type="button" style="width: 22px; height: 22px;" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" style="height: 22px;" readonly="" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" style="width: 22px; height: 22px;" class="van-stepper__plus"></button></div>
|
||||
<div class="van-stepper van-stepper--round">
|
||||
<button type="button"
|
||||
style="width: 22px; height: 22px;"
|
||||
class="van-stepper__minus van-stepper__minus--disabled"
|
||||
>
|
||||
</button>
|
||||
<input type="text"
|
||||
role="spinbutton"
|
||||
class="van-stepper__input"
|
||||
style="height: 22px;"
|
||||
readonly
|
||||
inputmode="decimal"
|
||||
aria-valuemax="Infinity"
|
||||
aria-valuemin="1"
|
||||
aria-valuenow="1"
|
||||
>
|
||||
<button type="button"
|
||||
style="width: 22px; height: 22px;"
|
||||
class="van-stepper__plus"
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -5,33 +5,58 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-steps van-steps--horizontal">
|
||||
<div class="van-steps__items">
|
||||
<div class="van-hairline van-step van-step--horizontal van-step--finish">
|
||||
<div class="van-step__title">买家下单</div>
|
||||
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
<div class="van-step__title">
|
||||
买家下单
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-step__circle">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--horizontal van-step--process">
|
||||
<div class="van-step__title van-step__title--active">商家接单</div>
|
||||
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-checked van-step__icon van-step__icon--active">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
<div class="van-step__title van-step__title--active">
|
||||
商家接单
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-badge__wrapper van-icon van-icon-checked van-step__icon van-step__icon--active">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--horizontal">
|
||||
<div class="van-step__title">买家提货</div>
|
||||
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
<div class="van-step__title">
|
||||
买家提货
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-step__circle">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--horizontal">
|
||||
<div class="van-step__title">交易完成</div>
|
||||
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
<div class="van-step__title">
|
||||
交易完成
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-step__circle">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button type="button" class="van-button van-button--default van-button--normal">
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">下一步</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
下一步
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
@ -39,36 +64,54 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-steps van-steps--horizontal">
|
||||
<div class="van-steps__items">
|
||||
<div class="van-hairline van-step van-step--horizontal van-step--finish">
|
||||
<div class="van-step__title">买家下单</div>
|
||||
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-step__line" style="background: rgb(51, 136, 255);"></div>
|
||||
<div class="van-step__title">
|
||||
买家下单
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line"
|
||||
style="background: rgb(51, 136, 255);"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--horizontal van-step--process">
|
||||
<div class="van-step__title van-step__title--active" style="color: rgb(51, 136, 255);">商家接单</div>
|
||||
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-success van-step__icon van-step__icon--active" style="color: rgb(51, 136, 255);">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
<div class="van-step__title van-step__title--active"
|
||||
style="color: rgb(51, 136, 255);"
|
||||
>
|
||||
商家接单
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-badge__wrapper van-icon van-icon-success van-step__icon van-step__icon--active"
|
||||
style="color: rgb(51, 136, 255);"
|
||||
>
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--horizontal">
|
||||
<div class="van-step__title">买家提货</div>
|
||||
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
<div class="van-step__title">
|
||||
买家提货
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--horizontal">
|
||||
<div class="van-step__title">交易完成</div>
|
||||
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
<div class="van-step__title">
|
||||
交易完成
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -78,30 +121,51 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-steps__items">
|
||||
<div class="van-hairline van-step van-step--vertical van-step--process">
|
||||
<div class="van-step__title van-step__title--active">
|
||||
<h3>【城市】物流状态1</h3>
|
||||
<p>2016-07-12 12:40</p>
|
||||
<h3>
|
||||
【城市】物流状态1
|
||||
</h3>
|
||||
<p>
|
||||
2016-07-12 12:40
|
||||
</p>
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-badge__wrapper van-icon van-icon-checked van-step__icon van-step__icon--active">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-checked van-step__icon van-step__icon--active">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--vertical">
|
||||
<div class="van-step__title">
|
||||
<h3>【城市】物流状态</h3>
|
||||
<p>2016-07-11 10:00</p>
|
||||
<h3>
|
||||
【城市】物流状态
|
||||
</h3>
|
||||
<p>
|
||||
2016-07-11 10:00
|
||||
</p>
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-step__circle">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
</div>
|
||||
<div class="van-hairline van-step van-step--vertical">
|
||||
<div class="van-step__title">
|
||||
<h3>快件已发货</h3>
|
||||
<p>2016-07-10 09:30</p>
|
||||
<h3>
|
||||
快件已发货
|
||||
</h3>
|
||||
<p>
|
||||
2016-07-10 09:30
|
||||
</p>
|
||||
</div>
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-step__circle">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-step__line">
|
||||
</div>
|
||||
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
|
||||
<div class="van-step__line"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,33 +3,51 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
<div class="van-sticky"><button type="button" class="van-button van-button--primary van-button--normal" style="margin-left: 15px;">
|
||||
<div class="van-sticky">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
style="margin-left: 15px;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">基础用法</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
基础用法
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<div class="van-sticky"><button type="button" class="van-button van-button--primary van-button--normal" style="margin-left: 115px;">
|
||||
<div class="van-sticky">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
style="margin-left: 115px;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">吸顶距离</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
吸顶距离
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="height: 150px; background-color: rgb(255, 255, 255);">
|
||||
<div>
|
||||
<div class="van-sticky"><button type="button" class="van-button van-button--warning van-button--normal" style="margin-left: 215px;">
|
||||
<div class="van-sticky">
|
||||
<button type="button"
|
||||
class="van-button van-button--warning van-button--normal"
|
||||
style="margin-left: 215px;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">指定容器</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
指定容器
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,82 +3,148 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-submit-bar">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-submit-bar__bar">
|
||||
<!---->
|
||||
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price-integer">30</span>.50</span>
|
||||
<!---->
|
||||
</div><button type="button" class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">提交订单</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-submit-bar">
|
||||
<!---->
|
||||
<div class="van-submit-bar__tip"><i class="van-badge__wrapper van-icon van-icon-info-o van-submit-bar__tip-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><span class="van-submit-bar__tip-text">你的收货地址不支持同城送, 我们已为你推荐快递</span>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-submit-bar__bar">
|
||||
<!---->
|
||||
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price-integer">30</span>.50</span>
|
||||
<!---->
|
||||
</div><button type="button" class="van-button van-button--danger van-button--normal van-button--round van-button--disabled van-submit-bar__button van-submit-bar__button--danger" disabled="">
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">提交订单</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-submit-bar">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-submit-bar__bar">
|
||||
<!---->
|
||||
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price-integer">30</span>.50</span>
|
||||
<!---->
|
||||
</div><button type="button" class="van-button van-button--danger van-button--normal van-button--round van-button--loading van-submit-bar__button van-submit-bar__button--danger">
|
||||
<div class="van-button__content">
|
||||
<div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-submit-bar">
|
||||
<!---->
|
||||
<div class="van-submit-bar__tip">
|
||||
<!---->
|
||||
<!---->你的收货地址不支持同城送, <span class="edit-address">修改地址</span></div>
|
||||
<div class="van-submit-bar__bar">
|
||||
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="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 class="van-submit-bar__text">
|
||||
<span>
|
||||
合计：
|
||||
</span>
|
||||
<span class="van-submit-bar__price">
|
||||
¥
|
||||
<span class="van-submit-bar__price-integer">
|
||||
30
|
||||
</span>
|
||||
.50
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price-integer">30</span>.50</span>
|
||||
<!---->
|
||||
</div><button type="button" class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">提交订单</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
提交订单
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-submit-bar">
|
||||
<div class="van-submit-bar__tip">
|
||||
<i class="van-badge__wrapper van-icon van-icon-info-o van-submit-bar__tip-icon">
|
||||
</i>
|
||||
<span class="van-submit-bar__tip-text">
|
||||
你的收货地址不支持同城送, 我们已为你推荐快递
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-submit-bar__bar">
|
||||
<div class="van-submit-bar__text">
|
||||
<span>
|
||||
合计：
|
||||
</span>
|
||||
<span class="van-submit-bar__price">
|
||||
¥
|
||||
<span class="van-submit-bar__price-integer">
|
||||
30
|
||||
</span>
|
||||
.50
|
||||
</span>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--round van-button--disabled van-submit-bar__button van-submit-bar__button--danger"
|
||||
disabled
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
提交订单
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-submit-bar">
|
||||
<div class="van-submit-bar__bar">
|
||||
<div class="van-submit-bar__text">
|
||||
<span>
|
||||
合计：
|
||||
</span>
|
||||
<span class="van-submit-bar__price">
|
||||
¥
|
||||
<span class="van-submit-bar__price-integer">
|
||||
30
|
||||
</span>
|
||||
.50
|
||||
</span>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--round van-button--loading van-submit-bar__button van-submit-bar__button--danger"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<div class="van-loading van-loading--circular van-button__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="color: currentColor; width: 20px; height: 20px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-submit-bar">
|
||||
<div class="van-submit-bar__tip">
|
||||
你的收货地址不支持同城送,
|
||||
<span class="edit-address">
|
||||
修改地址
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-submit-bar__bar">
|
||||
<div role="checkbox"
|
||||
class="van-checkbox"
|
||||
tabindex="0"
|
||||
aria-checked="true"
|
||||
bindgroup="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 class="van-submit-bar__text">
|
||||
<span>
|
||||
合计：
|
||||
</span>
|
||||
<span class="van-submit-bar__price">
|
||||
¥
|
||||
<span class="van-submit-bar__price-integer">
|
||||
30
|
||||
</span>
|
||||
.50
|
||||
</span>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
提交订单
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -3,103 +3,160 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-swipe-cell">
|
||||
<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
|
||||
<div class="van-swipe-cell__left"><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
|
||||
<div class="van-swipe-cell__wrapper"
|
||||
style="transform: translate3d(0px, 0, 0); transition-duration: .6s;"
|
||||
>
|
||||
<div class="van-swipe-cell__left">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--square"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">选择</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
选择
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</button>
|
||||
</div>
|
||||
<div class="van-swipe-cell__right"><button type="button" class="van-button van-button--danger van-button--normal van-button--square">
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-swipe-cell__right">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--square"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">删除</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--square"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">收藏</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
收藏
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-swipe-cell">
|
||||
<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
|
||||
<!---->
|
||||
<div class="van-swipe-cell__wrapper"
|
||||
style="transform: translate3d(0px, 0, 0); transition-duration: .6s;"
|
||||
>
|
||||
<div class="van-card">
|
||||
<div class="van-card__header"><a class="van-card__thumb">
|
||||
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-card__header">
|
||||
<a class="van-card__thumb">
|
||||
<div class="van-image"
|
||||
style="width: 100%; height: 100%;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/ipad.jpeg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</a>
|
||||
<div class="van-card__content">
|
||||
<div>
|
||||
<div class="van-card__title van-multi-ellipsis--l2">商品标题</div>
|
||||
<div class="van-card__desc van-ellipsis">描述信息</div>
|
||||
<!---->
|
||||
<div class="van-card__title van-multi-ellipsis--l2">
|
||||
商品标题
|
||||
</div>
|
||||
<div class="van-card__desc van-ellipsis">
|
||||
描述信息
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__bottom">
|
||||
<!---->
|
||||
<div class="van-card__price">
|
||||
<div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
|
||||
<div>
|
||||
<span class="van-card__price-currency">
|
||||
¥
|
||||
</span>
|
||||
<span class="van-card__price-integer">
|
||||
2
|
||||
</span>
|
||||
.
|
||||
<span class="van-card__price-decimal">
|
||||
00
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-card__num">
|
||||
x2
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-card__num">x2</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-swipe-cell__right"><button type="button" class="van-button van-button--danger van-button--normal van-button--square delete-button">
|
||||
<div class="van-swipe-cell__right">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--square delete-button"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">删除</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-swipe-cell">
|
||||
<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
|
||||
<div class="van-swipe-cell__left"><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
|
||||
<div class="van-swipe-cell__wrapper"
|
||||
style="transform: translate3d(0px, 0, 0); transition-duration: .6s;"
|
||||
>
|
||||
<div class="van-swipe-cell__left">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--square"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">选择</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
选择
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<!---->
|
||||
<!---->
|
||||
</button>
|
||||
</div>
|
||||
<div class="van-swipe-cell__right"><button type="button" class="van-button van-button--danger van-button--normal van-button--square">
|
||||
<div class="van-cell van-cell--borderless">
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
单元格
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<span>
|
||||
内容
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-swipe-cell__right">
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal van-button--square"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">删除</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,76 +3,233 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-swipe">
|
||||
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
|
||||
<div class="van-swipe-item" style="width: 100px;">1</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">2</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">3</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">4</div>
|
||||
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);"
|
||||
class="van-swipe__track"
|
||||
>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-swipe__indicators">
|
||||
<i style="background-color: white;"
|
||||
class="van-swipe__indicator van-swipe__indicator--active"
|
||||
>
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-swipe__indicators"><i style="background-color: white;" class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-swipe">
|
||||
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
|
||||
<div class="van-swipe-item" style="width: 100px;"><img src="https://img.yzcdn.cn/vant/apple-1.jpg"><!-- TODO -->
|
||||
<!-- <img v-lazy="image" /> -->
|
||||
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);"
|
||||
class="van-swipe__track"
|
||||
>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/apple-1.jpg">
|
||||
</div>
|
||||
<div class="van-swipe-item" style="width: 100px;"><img src="https://img.yzcdn.cn/vant/apple-2.jpg"><!-- TODO -->
|
||||
<!-- <img v-lazy="image" /> -->
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/apple-2.jpg">
|
||||
</div>
|
||||
<div class="van-swipe-item" style="width: 100px;"><img src="https://img.yzcdn.cn/vant/apple-3.jpg"><!-- TODO -->
|
||||
<!-- <img v-lazy="image" /> -->
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/apple-3.jpg">
|
||||
</div>
|
||||
<div class="van-swipe-item" style="width: 100px;"><img src="https://img.yzcdn.cn/vant/apple-4.jpg"><!-- TODO -->
|
||||
<!-- <img v-lazy="image" /> -->
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
<img src="https://img.yzcdn.cn/vant/apple-4.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-swipe__indicators"><i class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
|
||||
<div class="van-swipe__indicators">
|
||||
<i class="van-swipe__indicator van-swipe__indicator--active">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-swipe">
|
||||
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
|
||||
<div class="van-swipe-item" style="width: 100px;">1</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">2</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">3</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">4</div>
|
||||
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);"
|
||||
class="van-swipe__track"
|
||||
>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-swipe__indicators">
|
||||
<i style="background-color: white;"
|
||||
class="van-swipe__indicator van-swipe__indicator--active"
|
||||
>
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-swipe__indicators"><i style="background-color: white;" class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-swipe demo-swipe--vertical" style="height: 200px;">
|
||||
<div style="height: 400px; transition-duration: 0ms; transform: translateY(0px);" class="van-swipe__track van-swipe__track--vertical">
|
||||
<div class="van-swipe-item" style="height: 100px;">1</div>
|
||||
<div class="van-swipe-item" style="height: 100px;">2</div>
|
||||
<div class="van-swipe-item" style="height: 100px;">3</div>
|
||||
<div class="van-swipe-item" style="height: 100px;">4</div>
|
||||
<div class="van-swipe demo-swipe--vertical"
|
||||
style="height: 200px;"
|
||||
>
|
||||
<div style="height: 400px; transition-duration: 0ms; transform: translateY(0px);"
|
||||
class="van-swipe__track van-swipe__track--vertical"
|
||||
>
|
||||
<div class="van-swipe-item"
|
||||
style="height: 100px;"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="height: 100px;"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="height: 100px;"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="height: 100px;"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-swipe__indicators van-swipe__indicators--vertical">
|
||||
<i style="background-color: white;"
|
||||
class="van-swipe__indicator van-swipe__indicator--active"
|
||||
>
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-swipe__indicators van-swipe__indicators--vertical"><i style="background-color: white;" class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-swipe">
|
||||
<div style="width: 1200px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
|
||||
<div class="van-swipe-item" style="width: 300px;">1</div>
|
||||
<div class="van-swipe-item" style="width: 300px;">2</div>
|
||||
<div class="van-swipe-item" style="width: 300px;">3</div>
|
||||
<div class="van-swipe-item" style="width: 300px;">4</div>
|
||||
<div style="width: 1200px; transition-duration: 0ms; transform: translateX(0px);"
|
||||
class="van-swipe__track"
|
||||
>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 300px;"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 300px;"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 300px;"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 300px;"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-swipe__indicators">
|
||||
<i style="background-color: white;"
|
||||
class="van-swipe__indicator van-swipe__indicator--active"
|
||||
>
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
<i class="van-swipe__indicator">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-swipe__indicators"><i style="background-color: white;" class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-swipe">
|
||||
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
|
||||
<div class="van-swipe-item" style="width: 100px;">1</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">2</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">3</div>
|
||||
<div class="van-swipe-item" style="width: 100px;">4</div>
|
||||
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);"
|
||||
class="van-swipe__track"
|
||||
>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
1
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
2
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
3
|
||||
</div>
|
||||
<div class="van-swipe-item"
|
||||
style="width: 100px;"
|
||||
>
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="custom-indicator">
|
||||
1/4
|
||||
</div>
|
||||
<div class="custom-indicator">1/4</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,62 +2,90 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div role="switch" class="van-switch van-switch--on" aria-checked="true">
|
||||
<div role="switch"
|
||||
class="van-switch van-switch--on"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="switch" class="van-switch van-switch--on van-switch--disabled" aria-checked="true">
|
||||
<div role="switch"
|
||||
class="van-switch van-switch--on van-switch--disabled"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="switch" class="van-switch van-switch--on van-switch--loading" aria-checked="true">
|
||||
<div role="switch"
|
||||
class="van-switch van-switch--on van-switch--loading"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-switch__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular">
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="switch" class="van-switch van-switch--on" style="font-size: 24px;" aria-checked="true">
|
||||
<div role="switch"
|
||||
class="van-switch van-switch--on"
|
||||
style="font-size: 24px;"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="switch" class="van-switch van-switch--on" style="background-color: rgb(7, 193, 96);" aria-checked="true">
|
||||
<div role="switch"
|
||||
class="van-switch van-switch--on"
|
||||
style="background-color: rgb(7, 193, 96);"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div role="switch" class="van-switch van-switch--on" aria-checked="true">
|
||||
<div role="switch"
|
||||
class="van-switch van-switch--on"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--center">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标题</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标题
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
<div role="switch" class="van-switch van-switch--on" style="font-size: 24px;" aria-checked="true">
|
||||
<div role="switch"
|
||||
class="van-switch van-switch--on"
|
||||
style="font-size: 24px;"
|
||||
aria-checked="true"
|
||||
>
|
||||
<div class="van-switch__node">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1,13 +1,39 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should apply active color to loading icon 1`] = `
|
||||
<div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: red;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-switch__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="color: red;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`should apply inactive color to loading icon 1`] = `
|
||||
<div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: black;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-switch__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="color: black;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -4,230 +4,251 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
|
||||
<div class="van-tabbar-item van-tabbar-item--active">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
|
||||
<div class="van-tabbar-item van-tabbar-item--active">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
|
||||
<div class="van-tabbar-item van-tabbar-item--active">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div class="van-badge van-badge--fixed">5</div>
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
</i>
|
||||
<div class="van-badge van-badge--fixed">
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div class="van-badge van-badge--fixed">20</div>
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
</i>
|
||||
<div class="van-badge van-badge--fixed">
|
||||
20
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
|
||||
<div class="van-tabbar-item van-tabbar-item--active">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><img src="https://img.yzcdn.cn/vant/user-active.png">
|
||||
<div class="van-badge van-badge--fixed">3</div>
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<img src="https://img.yzcdn.cn/vant/user-active.png">
|
||||
<div class="van-badge van-badge--fixed">
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
<span>
|
||||
自定义
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text"><span>自定义</span></div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
|
||||
<div class="van-tabbar-item van-tabbar-item--active" style="color: rgb(7, 193, 96);">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-tabbar-item van-tabbar-item--active"
|
||||
style="color: rgb(7, 193, 96);"
|
||||
>
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item" style="color: rgb(0, 0, 0);">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-tabbar-item"
|
||||
style="color: rgb(0, 0, 0);"
|
||||
>
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item" style="color: rgb(0, 0, 0);">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-tabbar-item"
|
||||
style="color: rgb(0, 0, 0);"
|
||||
>
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item" style="color: rgb(0, 0, 0);">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-tabbar-item"
|
||||
style="color: rgb(0, 0, 0);"
|
||||
>
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
|
||||
<div class="van-tabbar-item van-tabbar-item--active">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-home-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签1
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签1</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-search">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签2
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签2</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-friends-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签3
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签3</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<div class="van-badge__wrapper van-tabbar-item__icon">
|
||||
<i class="van-badge__wrapper van-icon van-icon-setting-o">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">
|
||||
标签4
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签4</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,164 +3,214 @@
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>primary 类型</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
primary 类型
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--primary">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--primary">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>success 类型</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
success 类型
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--success">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--success">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>danger 类型</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
danger 类型
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--danger">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--danger">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>warning 类型</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
warning 类型
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--warning">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--warning">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>空心样式</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
空心样式
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--plain van-tag--primary">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--plain van-tag--primary">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>圆角样式</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
圆角样式
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--round van-tag--primary">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--round van-tag--primary">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>标记样式</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
标记样式
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--mark van-tag--primary">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--mark van-tag--primary">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>可关闭标签</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
可关闭标签
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--medium van-tag--primary">标签<i class="van-badge__wrapper van-icon van-icon-cross van-tag__close"><!----><!----><!----></i></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--medium van-tag--primary">
|
||||
标签
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-tag__close">
|
||||
</i>
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>小号标签</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
小号标签
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--primary">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--primary">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>中号标签</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
中号标签
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--medium van-tag--primary">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--medium van-tag--primary">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>大号标签</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
大号标签
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span class="van-tag van-tag--large van-tag--primary">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span class="van-tag van-tag--large van-tag--primary">
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>背景颜色</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
背景颜色
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span style="background: rgb(114, 50, 221);" class="van-tag van-tag--default">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span style="background: rgb(114, 50, 221);"
|
||||
class="van-tag van-tag--default"
|
||||
>
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>文字颜色</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
文字颜色
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span style="color: rgb(173, 0, 0); background: rgb(255, 225, 225);" class="van-tag van-tag--default">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span style="color: rgb(173, 0, 0); background: rgb(255, 225, 225);"
|
||||
class="van-tag van-tag--default"
|
||||
>
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>空心颜色</span>
|
||||
<!---->
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
空心颜色
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-cell__value">
|
||||
<transition-stub><span style="color: rgb(114, 50, 221);" class="van-tag van-tag--plain van-tag--default">标签<!----></span></transition-stub>
|
||||
<transition-stub>
|
||||
<span style="color: rgb(114, 50, 221);"
|
||||
class="van-tag van-tag--plain van-tag--default"
|
||||
>
|
||||
标签
|
||||
</span>
|
||||
</transition-stub>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,6 +2,5 @@
|
||||
|
||||
exports[`should hide tag when the show prop is false 1`] = `
|
||||
<transition-stub>
|
||||
<!---->
|
||||
</transition-stub>
|
||||
`;
|
||||
|
||||
@ -2,121 +2,131 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>文字提示</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
文字提示
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>加载提示</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
加载提示
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>成功提示</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
成功提示
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>失败提示</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
失败提示
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义图标</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义图标
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义图片</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义图片
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>自定义加载图标</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
自定义加载图标
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>顶部展示</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
顶部展示
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>底部展示</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
底部展示
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
|
||||
<!---->
|
||||
<div class="van-cell__title"><span>动态更新提示</span>
|
||||
<!---->
|
||||
<div class="van-cell van-cell--clickable"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="van-cell__title">
|
||||
<span>
|
||||
动态更新提示
|
||||
</span>
|
||||
</div>
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -2,114 +2,145 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-tree-select" style="height: 300px;">
|
||||
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">浙江
|
||||
<!---->
|
||||
<div class="van-tree-select"
|
||||
style="height: 300px;"
|
||||
>
|
||||
<div class="van-sidebar van-tree-select__nav">
|
||||
<a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
浙江
|
||||
</div>
|
||||
</a><a class="van-sidebar-item van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">江苏
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
江苏
|
||||
</div>
|
||||
</a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">福建
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
福建
|
||||
</div>
|
||||
</a></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="van-tree-select__content">
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-ellipsis van-tree-select__item">温州
|
||||
<!---->
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
|
||||
杭州
|
||||
<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波
|
||||
<!---->
|
||||
<div class="van-ellipsis van-tree-select__item">
|
||||
温州
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item">义乌
|
||||
<!---->
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">
|
||||
宁波
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item">
|
||||
义乌
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tree-select" style="height: 300px;">
|
||||
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">浙江
|
||||
<!---->
|
||||
<div class="van-tree-select"
|
||||
style="height: 300px;"
|
||||
>
|
||||
<div class="van-sidebar van-tree-select__nav">
|
||||
<a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
浙江
|
||||
</div>
|
||||
</a><a class="van-sidebar-item van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">江苏
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
江苏
|
||||
</div>
|
||||
</a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">福建
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
福建
|
||||
</div>
|
||||
</a></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="van-tree-select__content">
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">温州<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波
|
||||
<!---->
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
|
||||
杭州
|
||||
<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item">义乌
|
||||
<!---->
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
|
||||
温州
|
||||
<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">
|
||||
宁波
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item">
|
||||
义乌
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tree-select" style="height: 55vw;">
|
||||
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">分组 1
|
||||
<!---->
|
||||
<div class="van-tree-select"
|
||||
style="height: 55vw;"
|
||||
>
|
||||
<div class="van-sidebar van-tree-select__nav">
|
||||
<a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
分组 1
|
||||
</div>
|
||||
</a><a class="van-sidebar-item van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">分组 2
|
||||
<!---->
|
||||
</a>
|
||||
<a class="van-sidebar-item van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
分组 2
|
||||
</div>
|
||||
</a></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="van-tree-select__content">
|
||||
<div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-1.jpg" class="van-image__img">
|
||||
<!---->
|
||||
<!---->
|
||||
<div class="van-image">
|
||||
<img src="https://img.yzcdn.cn/vant/apple-1.jpg"
|
||||
class="van-image__img"
|
||||
>
|
||||
</div>
|
||||
<!--v-if-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-tree-select" style="height: 55vw;">
|
||||
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">浙江<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
<!---->
|
||||
<div class="van-tree-select"
|
||||
style="height: 55vw;"
|
||||
>
|
||||
<div class="van-sidebar van-tree-select__nav">
|
||||
<a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
浙江
|
||||
<div class="van-badge van-badge--dot van-badge--fixed">
|
||||
</div>
|
||||
</div>
|
||||
</a><a class="van-sidebar-item van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">江苏<div class="van-badge van-badge--fixed">5</div>
|
||||
</a>
|
||||
<a class="van-sidebar-item van-tree-select__nav-item">
|
||||
<div class="van-badge__wrapper van-sidebar-item__text">
|
||||
江苏
|
||||
<div class="van-badge van-badge--fixed">
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
</a></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="van-tree-select__content">
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-ellipsis van-tree-select__item">温州
|
||||
<!---->
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
|
||||
杭州
|
||||
<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波
|
||||
<!---->
|
||||
<div class="van-ellipsis van-tree-select__item">
|
||||
温州
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item">义乌
|
||||
<!---->
|
||||
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">
|
||||
宁波
|
||||
</div>
|
||||
<div class="van-ellipsis van-tree-select__item">
|
||||
义乌
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,11 +4,14 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -16,38 +19,46 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-image van-uploader__preview-image">
|
||||
<img src="https://img.yzcdn.cn/vant/leaf.jpg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__preview-delete">
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
</div>
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/tree.jpg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-image van-uploader__preview-image">
|
||||
<img src="https://img.yzcdn.cn/vant/tree.jpg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__preview-delete">
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
</i>
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
</div>
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="*" multiple=""></div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="*"
|
||||
multiple
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -55,109 +66,67 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
<div class="van-image van-uploader__preview-image">
|
||||
<img src="https://img.yzcdn.cn/vant/leaf.jpg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__mask">
|
||||
<div class="van-loading van-loading--circular van-uploader__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-uploader__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular">
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-uploader__mask-message">上传中...</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/tree.jpg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-uploader__mask"><i class="van-badge__wrapper van-icon van-icon-close van-uploader__mask-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<div class="van-uploader__mask-message">上传失败</div>
|
||||
</div>
|
||||
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
</div>
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/sand.jpg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
</div>
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="image/*" multiple=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/sand.jpg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
</div>
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="image/*" multiple=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__input-wrapper"><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><span class="van-button__text">上传文件</span>
|
||||
<!---->
|
||||
<div class="van-uploader__mask-message">
|
||||
上传中...
|
||||
</div>
|
||||
</button><input type="file" class="van-uploader__input" accept="image/*"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image">
|
||||
<img src="https://img.yzcdn.cn/vant/tree.jpg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__mask">
|
||||
<i class="van-badge__wrapper van-icon van-icon-close van-uploader__mask-icon">
|
||||
</i>
|
||||
<div class="van-uploader__mask-message">
|
||||
上传失败
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__preview-delete">
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -165,48 +134,148 @@ exports[`should render demo and match snapshot 1`] = `
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
|
||||
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-image van-uploader__preview-image">
|
||||
<img src="https://img.yzcdn.cn/vant/sand.jpg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__preview-delete">
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
multiple
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image">
|
||||
<img src="https://img.yzcdn.cn/vant/sand.jpg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__preview-delete">
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
multiple
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__input-wrapper">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
</i>
|
||||
<span class="van-button__text">
|
||||
上传文件
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__preview">
|
||||
<div class="van-image van-uploader__preview-image">
|
||||
<img src="https://img.yzcdn.cn/vant/leaf.jpg"
|
||||
class="van-image__img"
|
||||
style="object-fit: cover;"
|
||||
>
|
||||
<div class="van-image__loading">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-uploader__preview-cover">
|
||||
<div class="preview-cover van-ellipsis">图片名称</div>
|
||||
<div class="preview-cover van-ellipsis">
|
||||
图片名称
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<div class="van-uploader__preview-delete">
|
||||
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
>
|
||||
</div>
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper">
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="van-uploader">
|
||||
<div class="van-uploader__wrapper van-uploader__wrapper--disabled">
|
||||
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!----><input type="file" class="van-uploader__input" accept="image/*" disabled=""></div>
|
||||
<div class="van-uploader__upload">
|
||||
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
|
||||
</i>
|
||||
<input type="file"
|
||||
class="van-uploader__input"
|
||||
accept="image/*"
|
||||
disabled
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user