mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 10:22:44 +08:00
test(Stepper): add demo test
This commit is contained in:
nemo-shen
neverland
parent
606bf8aa25
commit
ce8955560e
@ -112,6 +112,7 @@
|
||||
"van-sidebar-item": "./dist/sidebar-item/index",
|
||||
"van-slider": "./dist/slider/index",
|
||||
"van-stepper": "./dist/stepper/index",
|
||||
"van-stepper-demo": "./dist/stepper/demo/index",
|
||||
"van-steps": "./dist/steps/index",
|
||||
"van-sticky": "./dist/sticky/index",
|
||||
"van-submit-bar": "./dist/submit-bar/index",
|
||||
|
||||
@ -1,19 +1,3 @@
|
||||
import Page from '../../common/page';
|
||||
import Toast from '../../dist/toast/toast';
|
||||
|
||||
Page({
|
||||
data: {
|
||||
value: 1
|
||||
},
|
||||
|
||||
onChange(event) {
|
||||
Toast.loading({
|
||||
forbidClick: true
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
Toast.clear();
|
||||
this.setData({ value: event.detail });
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
Page();
|
||||
|
||||
@ -1,45 +1 @@
|
||||
<van-cell center title="基础用法">
|
||||
<van-stepper value="{{ 1 }}" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="步长设置">
|
||||
<van-stepper value="{{ 1 }}" step="2" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="限制输入范围">
|
||||
<van-stepper value="{{ 1 }}" min="5" max="8" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="限制输入整数">
|
||||
<van-stepper value="{{ 1 }}" integer />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="禁用状态">
|
||||
<van-stepper value="{{ 1 }}" disabled />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="禁用长按">
|
||||
<van-stepper value="{{ 1 }}" long-press="{{ false }}" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="固定小数位数">
|
||||
<van-stepper value="{{ 1 }}" step="0.2" decimal-length="{{ 1 }}" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="异步变更">
|
||||
<van-stepper
|
||||
value="{{ value }}"
|
||||
async-change
|
||||
bind:change="onChange"
|
||||
/>
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="自定义大小">
|
||||
<van-stepper value="{{ 1 }}" input-width="40px" button-size="32px" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="圆角风格">
|
||||
<van-stepper value="{{ 1 }}" theme="round" button-size="22px" />
|
||||
</van-cell>
|
||||
|
||||
<van-toast id="van-toast" />
|
||||
<van-stepper-demo />
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
/* pages/stepper/index.wxss */
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
9
packages/stepper/demo/index.json
Normal file
9
packages/stepper/demo/index.json
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-cell": "../../cell/index",
|
||||
"van-toast": "../../toast/index",
|
||||
"van-stepper": "../../stepper/index",
|
||||
"demo-block": "../../../example/components/demo-block/index"
|
||||
}
|
||||
}
|
||||
22
packages/stepper/demo/index.ts
Normal file
22
packages/stepper/demo/index.ts
Normal file
@ -0,0 +1,22 @@
|
||||
import { VantComponent } from '../../common/component';
|
||||
import Toast from '../../toast/toast';
|
||||
|
||||
VantComponent({
|
||||
data: {
|
||||
value: 1,
|
||||
},
|
||||
|
||||
methods: {
|
||||
onChange(event) {
|
||||
Toast.loading({
|
||||
context: this,
|
||||
forbidClick: true,
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
Toast.clear();
|
||||
this.setData({ value: event.detail });
|
||||
}, 500);
|
||||
},
|
||||
},
|
||||
});
|
||||
45
packages/stepper/demo/index.wxml
Normal file
45
packages/stepper/demo/index.wxml
Normal file
@ -0,0 +1,45 @@
|
||||
<van-cell center title="基础用法">
|
||||
<van-stepper value="{{ 1 }}" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="步长设置">
|
||||
<van-stepper value="{{ 1 }}" step="2" />
|
||||
</van-cell>
|
||||
|
||||
<vanpackages/stepper/demo/index.less-cell center title="限制输入范围">
|
||||
<van-stepper value="{{ 1 }}" min="5" max="8" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="限制输入整数">
|
||||
<van-stepper value="{{ 1 }}" integer />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="禁用状态">
|
||||
<van-stepper value="{{ 1 }}" disabled />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="禁用长按">
|
||||
<van-stepper value="{{ 1 }}" long-press="{{ false }}" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="固定小数位数">
|
||||
<van-stepper value="{{ 1 }}" step="0.2" decimal-length="{{ 1 }}" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="异步变更">
|
||||
<van-stepper
|
||||
value="{{ value }}"
|
||||
async-change
|
||||
bind:change="onChange"
|
||||
/>
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="自定义大小">
|
||||
<van-stepper value="{{ 1 }}" input-width="40px" button-size="32px" />
|
||||
</van-cell>
|
||||
|
||||
<van-cell center title="圆角风格">
|
||||
<van-stepper value="{{ 1 }}" theme="round" button-size="22px" />
|
||||
</van-cell>
|
||||
|
||||
<van-toast id="van-toast" />
|
||||
585
packages/stepper/test/__snapshots__/demo.spec.ts.snap
Normal file
585
packages/stepper/test/__snapshots__/demo.spec.ts.snap
Normal file
@ -0,0 +1,585 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<main>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
基础用法
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style=""
|
||||
type="digit"
|
||||
value="{{1}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
步长设置
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style=""
|
||||
type="digit"
|
||||
value="{{1}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
限制输入范围
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style=""
|
||||
type="digit"
|
||||
value="{{5}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
限制输入整数
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style=""
|
||||
type="number"
|
||||
value="{{1}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
禁用状态
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input van-stepper__input--disabled"
|
||||
disabled="{{true}}"
|
||||
focus=""
|
||||
style=""
|
||||
type="digit"
|
||||
value="{{1}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus van-stepper__plus--disabled"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
禁用长按
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style=""
|
||||
type="digit"
|
||||
value="{{1}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
固定小数位数
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style=""
|
||||
type="digit"
|
||||
value="1.0"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
异步变更
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper
|
||||
bind:change="onChange"
|
||||
>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style=""
|
||||
type="digit"
|
||||
value="{{1}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
自定义大小
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style="width:32px;height:32px"
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style="width:40px;height:32px"
|
||||
type="digit"
|
||||
value="{{1}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style="width:32px;height:32px"
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-cell>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--center"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style=""
|
||||
>
|
||||
圆角风格
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<van-stepper>
|
||||
<wx-view
|
||||
class="van-stepper van-stepper--round custom-class"
|
||||
>
|
||||
<wx-view
|
||||
class="minus-class van-stepper__minus van-stepper__minus--disabled"
|
||||
data-type="minus"
|
||||
hoverClass="van-stepper__minus--hover"
|
||||
hoverStayTime="70"
|
||||
style="width:22px;height:22px"
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
<wx-input
|
||||
class="input-class van-stepper__input"
|
||||
disabled="{{false}}"
|
||||
focus=""
|
||||
style="height:22px"
|
||||
type="digit"
|
||||
value="{{1}}"
|
||||
bind:blur="onBlur"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="plus-class van-stepper__plus"
|
||||
data-type="plus"
|
||||
hoverClass="van-stepper__plus--hover"
|
||||
hoverStayTime="70"
|
||||
style="width:22px;height:22px"
|
||||
bind:tap="onTap"
|
||||
bind:touchend="onTouchEnd"
|
||||
bind:touchstart="onTouchStart"
|
||||
/>
|
||||
</wx-view>
|
||||
</van-stepper>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
<van-toast
|
||||
id="van-toast"
|
||||
>
|
||||
<van-transition
|
||||
customClass="van-toast__container"
|
||||
/>
|
||||
</van-toast>
|
||||
</main>
|
||||
`;
|
||||
11
packages/stepper/test/demo.spec.ts
Normal file
11
packages/stepper/test/demo.spec.ts
Normal file
@ -0,0 +1,11 @@
|
||||
import path from 'path';
|
||||
import simulate from 'miniprogram-simulate';
|
||||
|
||||
test('should render demo and match snapshot', () => {
|
||||
const id = simulate.load(path.resolve(__dirname, '../demo/index'), {
|
||||
rootPath: path.resolve(__dirname, '../../'),
|
||||
});
|
||||
const comp = simulate.render(id);
|
||||
comp.attach(document.createElement('parent-wrapper'));
|
||||
expect(comp.toJSON()).toMatchSnapshot();
|
||||
});
|
||||
Loading…
x
Reference in New Issue
Block a user