mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
test(ConfigProvider): add demo test
This commit is contained in:
nemo-shen
neverland
parent
b6381a0b31
commit
8248ff50d1
@ -137,7 +137,8 @@
|
||||
"van-skeleton": "./dist/skeleton/index",
|
||||
"van-calendar": "./dist/calendar/index",
|
||||
"van-share-sheet": "./dist/share-sheet/index",
|
||||
"van-config-provider": "./dist/config-provider/index"
|
||||
"van-config-provider": "./dist/config-provider/index",
|
||||
"van-config-provider-demo": "./dist/config-provider/demo/index"
|
||||
},
|
||||
"sitemapLocation": "sitemap.json"
|
||||
}
|
||||
|
||||
@ -1,24 +1,3 @@
|
||||
import Page from '../../common/page';
|
||||
|
||||
Page({
|
||||
data: {
|
||||
rate: 4,
|
||||
slider: 50,
|
||||
themeVars: {
|
||||
rateIconFullColor: '#07c160',
|
||||
sliderBarHeight: '4px',
|
||||
sliderButtonWidth: '20px',
|
||||
sliderButtonHeight: '20px',
|
||||
sliderActiveBackgroundColor: '#07c160',
|
||||
buttonPrimaryBorderColor: '#07c160',
|
||||
buttonPrimaryBackgroundColor: '#07c160',
|
||||
},
|
||||
},
|
||||
|
||||
onChange(event) {
|
||||
const { key } = event.currentTarget.dataset;
|
||||
this.setData({
|
||||
[key]: event.detail,
|
||||
});
|
||||
},
|
||||
});
|
||||
Page();
|
||||
|
||||
@ -1,39 +1 @@
|
||||
<demo-block title="默认主题">
|
||||
<van-cell-group>
|
||||
<van-field label="评分">
|
||||
<view slot="input" style="width: 100%">
|
||||
<van-rate model:value="{{ rate }}" data-key="rate" bind:change="onChange" />
|
||||
</view>
|
||||
</van-field>
|
||||
<van-field label="滑块" border="{{ false }}">
|
||||
<view slot="input" style="width: 100%">
|
||||
<van-slider value="{{ slider }}" data-key="slider" bind:change="onChange" />
|
||||
</view>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
|
||||
<view style="margin: 16px">
|
||||
<van-button round block type="primary">提交</van-button>
|
||||
</view>
|
||||
</demo-block>
|
||||
|
||||
<demo-block title="定制主题">
|
||||
<van-config-provider theme-vars="{{ themeVars }}">
|
||||
<van-cell-group>
|
||||
<van-field label="评分">
|
||||
<view slot="input" style="width: 100%">
|
||||
<van-rate model:value="{{ rate }}" data-key="rate" bind:change="onChange" />
|
||||
</view>
|
||||
</van-field>
|
||||
<van-field label="滑块" border="{{ false }}">
|
||||
<view slot="input" style="width: 100%">
|
||||
<van-slider value="{{ slider }}" data-key="slider" bind:change="onChange" />
|
||||
</view>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
|
||||
<view style="margin: 16px">
|
||||
<van-button round block type="primary">提交</van-button>
|
||||
</view>
|
||||
</van-config-provider>
|
||||
</demo-block>
|
||||
<van-config-provider-demo />
|
||||
|
||||
12
packages/config-provider/demo/index.json
Normal file
12
packages/config-provider/demo/index.json
Normal file
@ -0,0 +1,12 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-rate": "../../rate/index",
|
||||
"van-field": "../../field/index",
|
||||
"van-slider": "../../slider/index",
|
||||
"van-button": "../../button/index",
|
||||
"van-cell-group": "../../cell-group/index",
|
||||
"van-config-provider": "../../config-provider/index",
|
||||
"demo-block": "../../../example/components/demo-block/index"
|
||||
}
|
||||
}
|
||||
26
packages/config-provider/demo/index.ts
Normal file
26
packages/config-provider/demo/index.ts
Normal file
@ -0,0 +1,26 @@
|
||||
import { VantComponent } from '../../common/component';
|
||||
|
||||
VantComponent({
|
||||
data: {
|
||||
rate: 4,
|
||||
slider: 50,
|
||||
themeVars: {
|
||||
rateIconFullColor: '#07c160',
|
||||
sliderBarHeight: '4px',
|
||||
sliderButtonWidth: '20px',
|
||||
sliderButtonHeight: '20px',
|
||||
sliderActiveBackgroundColor: '#07c160',
|
||||
buttonPrimaryBorderColor: '#07c160',
|
||||
buttonPrimaryBackgroundColor: '#07c160',
|
||||
},
|
||||
},
|
||||
|
||||
methods: {
|
||||
onChange(event) {
|
||||
const { key } = event.currentTarget.dataset;
|
||||
this.setData({
|
||||
[key]: event.detail,
|
||||
});
|
||||
},
|
||||
},
|
||||
});
|
||||
39
packages/config-provider/demo/index.wxml
Normal file
39
packages/config-provider/demo/index.wxml
Normal file
@ -0,0 +1,39 @@
|
||||
<demo-block title="默认主题">
|
||||
<van-cell-group>
|
||||
<van-field label="评分">
|
||||
<view slot="input" style="width: 100%">
|
||||
<van-rate model:value="{{ rate }}" data-key="rate" bind:change="onChange" />
|
||||
</view>
|
||||
</van-field>
|
||||
<van-field label="滑块" border="{{ false }}">
|
||||
<view slot="input" style="width: 100%">
|
||||
<van-slider value="{{ slider }}" data-key="slider" bind:change="onChange" />
|
||||
</view>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
|
||||
<view style="margin: 16px">
|
||||
<van-button round block type="primary">提交</van-button>
|
||||
</view>
|
||||
</demo-block>
|
||||
|
||||
<demo-block title="定制主题">
|
||||
<van-config-provider theme-vars="{{ themeVars }}">
|
||||
<van-cell-group>
|
||||
<van-field label="评分">
|
||||
<view slot="input" style="width: 100%">
|
||||
<van-rate model:value="{{ rate }}" data-key="rate" bind:change="onChange" />
|
||||
</view>
|
||||
</van-field>
|
||||
<van-field label="滑块" border="{{ false }}">
|
||||
<view slot="input" style="width: 100%">
|
||||
<van-slider value="{{ slider }}" data-key="slider" bind:change="onChange" />
|
||||
</view>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
|
||||
<view style="margin: 16px">
|
||||
<van-button round block type="primary">提交</van-button>
|
||||
</view>
|
||||
</van-config-provider>
|
||||
</demo-block>
|
||||
711
packages/config-provider/test/__snapshots__/demo.spec.ts.snap
Normal file
711
packages/config-provider/test/__snapshots__/demo.spec.ts.snap
Normal file
@ -0,0 +1,711 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<main>
|
||||
<demo-block>
|
||||
<wx-view
|
||||
class="custom-class demo-block van-clearfix "
|
||||
>
|
||||
<wx-view
|
||||
class="demo-block__title"
|
||||
>
|
||||
默认主题
|
||||
</wx-view>
|
||||
<van-cell-group>
|
||||
<wx-view
|
||||
class="custom-class van-cell-group van-hairline--top-bottom"
|
||||
>
|
||||
<van-field>
|
||||
<van-cell
|
||||
customClass="van-field"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-cell"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
|
||||
>
|
||||
<wx-view
|
||||
class="label-class van-field__label"
|
||||
slot="title"
|
||||
>
|
||||
|
||||
评分
|
||||
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<wx-view
|
||||
class="van-field__body van-field__body--text"
|
||||
>
|
||||
<wx-view
|
||||
class="van-field__control van-field__control--custom"
|
||||
bind:tap="onClickInput"
|
||||
>
|
||||
<wx-view
|
||||
slot="input"
|
||||
style="width: 100%"
|
||||
>
|
||||
<van-rate
|
||||
data-key="rate"
|
||||
bind:change="onChange"
|
||||
>
|
||||
<wx-view
|
||||
class="van-rate custom-class"
|
||||
bind:touchmove="onTouchMove"
|
||||
>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon van-rate__icon--full"
|
||||
customClass="icon-class"
|
||||
data-score="{{0}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon van-rate__icon--full"
|
||||
customClass="icon-class"
|
||||
data-score="{{1}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon van-rate__icon--full"
|
||||
customClass="icon-class"
|
||||
data-score="{{2}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon van-rate__icon--full"
|
||||
customClass="icon-class"
|
||||
data-score="{{3}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon"
|
||||
customClass="icon-class"
|
||||
data-score="{{4}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star-o"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-rate>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
<wx-input
|
||||
adjustPosition="{{true}}"
|
||||
alwaysEmbed="{{false}}"
|
||||
autoFocus="{{false}}"
|
||||
class="van-field__control input-class"
|
||||
confirmHold="{{false}}"
|
||||
confirmType=""
|
||||
cursor="{{-1}}"
|
||||
cursorSpacing="{{50}}"
|
||||
disabled="{{false}}"
|
||||
focus="{{false}}"
|
||||
holdKeyboard="{{false}}"
|
||||
maxlength="{{-1}}"
|
||||
password="{{false}}"
|
||||
placeholder=""
|
||||
placeholderClass="van-field__placeholder"
|
||||
placeholderStyle=""
|
||||
selectionEnd="{{-1}}"
|
||||
selectionStart="{{-1}}"
|
||||
type="text"
|
||||
value=""
|
||||
bind:blur="onBlur"
|
||||
bind:confirm="onConfirm"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
bind:keyboardheightchange="onKeyboardHeightChange"
|
||||
bind:tap="onClickInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="van-field__icon-container"
|
||||
bind:tap="onClickIcon"
|
||||
/>
|
||||
<wx-view
|
||||
class="van-field__button"
|
||||
/>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
</van-field>
|
||||
<van-field>
|
||||
<van-cell
|
||||
customClass="van-field"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--borderless"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
|
||||
>
|
||||
<wx-view
|
||||
class="label-class van-field__label"
|
||||
slot="title"
|
||||
>
|
||||
|
||||
滑块
|
||||
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<wx-view
|
||||
class="van-field__body van-field__body--text"
|
||||
>
|
||||
<wx-view
|
||||
class="van-field__control van-field__control--custom"
|
||||
bind:tap="onClickInput"
|
||||
>
|
||||
<wx-view
|
||||
slot="input"
|
||||
style="width: 100%"
|
||||
>
|
||||
<van-slider
|
||||
data-key="slider"
|
||||
bind:change="onChange"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-slider"
|
||||
style="
|
||||
background: ;
|
||||
height: ;
|
||||
"
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-slider__bar"
|
||||
style="
|
||||
width: 50%;
|
||||
left: 0%;
|
||||
top: 0;
|
||||
|
||||
; "
|
||||
>
|
||||
<wx-view
|
||||
class="van-slider__button-wrapper"
|
||||
bind:touchcancel="onTouchEnd"
|
||||
bind:touchend="onTouchEnd"
|
||||
catch:touchmove="onTouchMove"
|
||||
bind:touchstart="onTouchStart"
|
||||
>
|
||||
<wx-view
|
||||
class="van-slider__button"
|
||||
/>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-slider>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
<wx-input
|
||||
adjustPosition="{{true}}"
|
||||
alwaysEmbed="{{false}}"
|
||||
autoFocus="{{false}}"
|
||||
class="van-field__control input-class"
|
||||
confirmHold="{{false}}"
|
||||
confirmType=""
|
||||
cursor="{{-1}}"
|
||||
cursorSpacing="{{50}}"
|
||||
disabled="{{false}}"
|
||||
focus="{{false}}"
|
||||
holdKeyboard="{{false}}"
|
||||
maxlength="{{-1}}"
|
||||
password="{{false}}"
|
||||
placeholder=""
|
||||
placeholderClass="van-field__placeholder"
|
||||
placeholderStyle=""
|
||||
selectionEnd="{{-1}}"
|
||||
selectionStart="{{-1}}"
|
||||
type="text"
|
||||
value=""
|
||||
bind:blur="onBlur"
|
||||
bind:confirm="onConfirm"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
bind:keyboardheightchange="onKeyboardHeightChange"
|
||||
bind:tap="onClickInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="van-field__icon-container"
|
||||
bind:tap="onClickIcon"
|
||||
/>
|
||||
<wx-view
|
||||
class="van-field__button"
|
||||
/>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
</van-field>
|
||||
</wx-view>
|
||||
</van-cell-group>
|
||||
<wx-view
|
||||
style="margin: 16px"
|
||||
>
|
||||
<van-button>
|
||||
<wx-button
|
||||
appParameter=""
|
||||
ariaLabel=""
|
||||
businessId="{{0}}"
|
||||
class="custom-class van-button van-button--primary van-button--normal van-button--block van-button--round "
|
||||
data-detail="{{null}}"
|
||||
formType=""
|
||||
hoverClass="van-button--active hover-class"
|
||||
id=""
|
||||
lang=""
|
||||
openType=""
|
||||
sendMessageImg=""
|
||||
sendMessagePath=""
|
||||
sendMessageTitle=""
|
||||
sessionFrom=""
|
||||
showMessageCard="{{false}}"
|
||||
style=""
|
||||
bind:contact="onContact"
|
||||
bind:error="onError"
|
||||
bind:getphonenumber="onGetPhoneNumber"
|
||||
bind:getuserinfo="onGetUserInfo"
|
||||
bind:launchapp="onLaunchApp"
|
||||
bind:opensetting="onOpenSetting"
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-button__text"
|
||||
>
|
||||
提交
|
||||
</wx-view>
|
||||
</wx-button>
|
||||
</van-button>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</demo-block>
|
||||
<demo-block>
|
||||
<wx-view
|
||||
class="custom-class demo-block van-clearfix "
|
||||
>
|
||||
<wx-view
|
||||
class="demo-block__title"
|
||||
>
|
||||
定制主题
|
||||
</wx-view>
|
||||
<van-config-provider>
|
||||
<wx-view
|
||||
class="van-config-provider"
|
||||
style="--rate-icon-full-color:#07c160;--slider-bar-height:4px;--slider-button-width:20px;--slider-button-height:20px;--slider-active-background-color:#07c160;--button-primary-border-color:#07c160;--button-primary-background-color:#07c160"
|
||||
>
|
||||
<van-cell-group>
|
||||
<wx-view
|
||||
class="custom-class van-cell-group van-hairline--top-bottom"
|
||||
>
|
||||
<van-field>
|
||||
<van-cell
|
||||
customClass="van-field"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-cell"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
|
||||
>
|
||||
<wx-view
|
||||
class="label-class van-field__label"
|
||||
slot="title"
|
||||
>
|
||||
|
||||
评分
|
||||
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<wx-view
|
||||
class="van-field__body van-field__body--text"
|
||||
>
|
||||
<wx-view
|
||||
class="van-field__control van-field__control--custom"
|
||||
bind:tap="onClickInput"
|
||||
>
|
||||
<wx-view
|
||||
slot="input"
|
||||
style="width: 100%"
|
||||
>
|
||||
<van-rate
|
||||
data-key="rate"
|
||||
bind:change="onChange"
|
||||
>
|
||||
<wx-view
|
||||
class="van-rate custom-class"
|
||||
bind:touchmove="onTouchMove"
|
||||
>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon van-rate__icon--full"
|
||||
customClass="icon-class"
|
||||
data-score="{{0}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon van-rate__icon--full"
|
||||
customClass="icon-class"
|
||||
data-score="{{1}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon van-rate__icon--full"
|
||||
customClass="icon-class"
|
||||
data-score="{{2}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon van-rate__icon--full"
|
||||
customClass="icon-class"
|
||||
data-score="{{3}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-rate__item"
|
||||
style=""
|
||||
>
|
||||
<van-icon
|
||||
class="van-rate__icon"
|
||||
customClass="icon-class"
|
||||
data-score="{{4}}"
|
||||
style=""
|
||||
bind:click="onSelect"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-icon van-icon-star-o"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
/>
|
||||
</van-icon>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-rate>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
<wx-input
|
||||
adjustPosition="{{true}}"
|
||||
alwaysEmbed="{{false}}"
|
||||
autoFocus="{{false}}"
|
||||
class="van-field__control input-class"
|
||||
confirmHold="{{false}}"
|
||||
confirmType=""
|
||||
cursor="{{-1}}"
|
||||
cursorSpacing="{{50}}"
|
||||
disabled="{{false}}"
|
||||
focus="{{false}}"
|
||||
holdKeyboard="{{false}}"
|
||||
maxlength="{{-1}}"
|
||||
password="{{false}}"
|
||||
placeholder=""
|
||||
placeholderClass="van-field__placeholder"
|
||||
placeholderStyle=""
|
||||
selectionEnd="{{-1}}"
|
||||
selectionStart="{{-1}}"
|
||||
type="text"
|
||||
value=""
|
||||
bind:blur="onBlur"
|
||||
bind:confirm="onConfirm"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
bind:keyboardheightchange="onKeyboardHeightChange"
|
||||
bind:tap="onClickInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="van-field__icon-container"
|
||||
bind:tap="onClickIcon"
|
||||
/>
|
||||
<wx-view
|
||||
class="van-field__button"
|
||||
/>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
</van-field>
|
||||
<van-field>
|
||||
<van-cell
|
||||
customClass="van-field"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-cell van-cell--borderless"
|
||||
hoverClass="van-cell--hover hover-class"
|
||||
hoverStayTime="70"
|
||||
style=""
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-cell__title title-class"
|
||||
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
|
||||
>
|
||||
<wx-view
|
||||
class="label-class van-field__label"
|
||||
slot="title"
|
||||
>
|
||||
|
||||
滑块
|
||||
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
<wx-view
|
||||
class="van-cell__value value-class"
|
||||
>
|
||||
<wx-view
|
||||
class="van-field__body van-field__body--text"
|
||||
>
|
||||
<wx-view
|
||||
class="van-field__control van-field__control--custom"
|
||||
bind:tap="onClickInput"
|
||||
>
|
||||
<wx-view
|
||||
slot="input"
|
||||
style="width: 100%"
|
||||
>
|
||||
<van-slider
|
||||
data-key="slider"
|
||||
bind:change="onChange"
|
||||
>
|
||||
<wx-view
|
||||
class="custom-class van-slider"
|
||||
style="
|
||||
background: ;
|
||||
height: ;
|
||||
"
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-slider__bar"
|
||||
style="
|
||||
width: 50%;
|
||||
left: 0%;
|
||||
top: 0;
|
||||
|
||||
; "
|
||||
>
|
||||
<wx-view
|
||||
class="van-slider__button-wrapper"
|
||||
bind:touchcancel="onTouchEnd"
|
||||
bind:touchend="onTouchEnd"
|
||||
catch:touchmove="onTouchMove"
|
||||
bind:touchstart="onTouchStart"
|
||||
>
|
||||
<wx-view
|
||||
class="van-slider__button"
|
||||
/>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-slider>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
<wx-input
|
||||
adjustPosition="{{true}}"
|
||||
alwaysEmbed="{{false}}"
|
||||
autoFocus="{{false}}"
|
||||
class="van-field__control input-class"
|
||||
confirmHold="{{false}}"
|
||||
confirmType=""
|
||||
cursor="{{-1}}"
|
||||
cursorSpacing="{{50}}"
|
||||
disabled="{{false}}"
|
||||
focus="{{false}}"
|
||||
holdKeyboard="{{false}}"
|
||||
maxlength="{{-1}}"
|
||||
password="{{false}}"
|
||||
placeholder=""
|
||||
placeholderClass="van-field__placeholder"
|
||||
placeholderStyle=""
|
||||
selectionEnd="{{-1}}"
|
||||
selectionStart="{{-1}}"
|
||||
type="text"
|
||||
value=""
|
||||
bind:blur="onBlur"
|
||||
bind:confirm="onConfirm"
|
||||
bind:focus="onFocus"
|
||||
bind:input="onInput"
|
||||
bind:keyboardheightchange="onKeyboardHeightChange"
|
||||
bind:tap="onClickInput"
|
||||
/>
|
||||
<wx-view
|
||||
class="van-field__icon-container"
|
||||
bind:tap="onClickIcon"
|
||||
/>
|
||||
<wx-view
|
||||
class="van-field__button"
|
||||
/>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-cell>
|
||||
</van-field>
|
||||
</wx-view>
|
||||
</van-cell-group>
|
||||
<wx-view
|
||||
style="margin: 16px"
|
||||
>
|
||||
<van-button>
|
||||
<wx-button
|
||||
appParameter=""
|
||||
ariaLabel=""
|
||||
businessId="{{0}}"
|
||||
class="custom-class van-button van-button--primary van-button--normal van-button--block van-button--round "
|
||||
data-detail="{{null}}"
|
||||
formType=""
|
||||
hoverClass="van-button--active hover-class"
|
||||
id=""
|
||||
lang=""
|
||||
openType=""
|
||||
sendMessageImg=""
|
||||
sendMessagePath=""
|
||||
sendMessageTitle=""
|
||||
sessionFrom=""
|
||||
showMessageCard="{{false}}"
|
||||
style=""
|
||||
bind:contact="onContact"
|
||||
bind:error="onError"
|
||||
bind:getphonenumber="onGetPhoneNumber"
|
||||
bind:getuserinfo="onGetUserInfo"
|
||||
bind:launchapp="onLaunchApp"
|
||||
bind:opensetting="onOpenSetting"
|
||||
bind:tap="onClick"
|
||||
>
|
||||
<wx-view
|
||||
class="van-button__text"
|
||||
>
|
||||
提交
|
||||
</wx-view>
|
||||
</wx-button>
|
||||
</van-button>
|
||||
</wx-view>
|
||||
</wx-view>
|
||||
</van-config-provider>
|
||||
</wx-view>
|
||||
</demo-block>
|
||||
</main>
|
||||
`;
|
||||
11
packages/config-provider/test/demo.spec.ts
Normal file
11
packages/config-provider/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