mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
401 lines
13 KiB
Plaintext
401 lines
13 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should render demo and match snapshot 1`] = `
|
|
<main>
|
|
<van-tabs
|
|
bind:change="onSwitch"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-tabs"
|
|
>
|
|
<van-sticky
|
|
bind:scroll="onTouchScroll"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-sticky"
|
|
style="z-index:1"
|
|
>
|
|
<wx-view
|
|
class="van-sticky-wrap"
|
|
style="z-index:1"
|
|
>
|
|
<wx-view
|
|
class="van-tabs--line van-tabs__wrap wrap-class"
|
|
>
|
|
<wx-scroll-view
|
|
class="van-tabs__scroll van-tabs__scroll--line"
|
|
scrollLeft="{{0}}"
|
|
scrollWithAnimation="{{false}}"
|
|
scrollX="{{false}}"
|
|
style="border-color: #1989fa"
|
|
>
|
|
<wx-view
|
|
class="van-tabs__nav van-tabs__nav--line nav-class"
|
|
style=""
|
|
>
|
|
<wx-view
|
|
class="van-tabs__line"
|
|
style="width:40px;opacity:0;transform:translateX(0px);-webkit-transform:translateX(0px);background-color:#1989fa"
|
|
/>
|
|
<wx-view
|
|
class="tab-class tab-active-class van-ellipsis van-tab van-tab--active"
|
|
data-index="{{0}}"
|
|
style=""
|
|
bind:tap="onTap"
|
|
>
|
|
<wx-view
|
|
class="van-ellipsis"
|
|
style=""
|
|
>
|
|
|
|
用法示例
|
|
|
|
</wx-view>
|
|
</wx-view>
|
|
<wx-view
|
|
class="tab-class van-ellipsis van-tab"
|
|
data-index="{{1}}"
|
|
style=""
|
|
bind:tap="onTap"
|
|
>
|
|
<wx-view
|
|
class="van-ellipsis"
|
|
style=""
|
|
>
|
|
|
|
基础图标
|
|
|
|
</wx-view>
|
|
</wx-view>
|
|
<wx-view
|
|
class="tab-class van-ellipsis van-tab"
|
|
data-index="{{2}}"
|
|
style=""
|
|
bind:tap="onTap"
|
|
>
|
|
<wx-view
|
|
class="van-ellipsis"
|
|
style=""
|
|
>
|
|
|
|
线框风格
|
|
|
|
</wx-view>
|
|
</wx-view>
|
|
<wx-view
|
|
class="tab-class van-ellipsis van-tab"
|
|
data-index="{{3}}"
|
|
style=""
|
|
bind:tap="onTap"
|
|
>
|
|
<wx-view
|
|
class="van-ellipsis"
|
|
style=""
|
|
>
|
|
|
|
实底风格
|
|
|
|
</wx-view>
|
|
</wx-view>
|
|
</wx-view>
|
|
</wx-scroll-view>
|
|
</wx-view>
|
|
</wx-view>
|
|
</wx-view>
|
|
</van-sticky>
|
|
<wx-view
|
|
class="van-tabs__content"
|
|
bind:touchcancel="onTouchEnd"
|
|
bind:touchend="onTouchEnd"
|
|
bind:touchmove="onTouchMove"
|
|
bind:touchstart="onTouchStart"
|
|
>
|
|
<wx-view
|
|
class="van-tabs__track van-tabs__track"
|
|
style=""
|
|
>
|
|
<van-tab
|
|
customClass="demo-tab-pane"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-tab__pane van-tab__pane--active"
|
|
style=""
|
|
>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix "
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
基础用法
|
|
</wx-view>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-chat-o"
|
|
style="font-size:32px"
|
|
bind:tap="onClick"
|
|
/>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon--image"
|
|
style="font-size:32px"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-image
|
|
class="van-icon__image"
|
|
mode="aspectFit"
|
|
src="https://b.yzcdn.cn/vant/icon-demo-1126.png"
|
|
/>
|
|
</wx-view>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
</wx-view>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix "
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
提示信息
|
|
</wx-view>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-chat-o"
|
|
style="font-size:32px"
|
|
bind:tap="onClick"
|
|
>
|
|
<van-info
|
|
customClass="van-icon__info info-class"
|
|
>
|
|
<wx-view
|
|
class="van-info van-info van-info--dot custom-class"
|
|
style=""
|
|
>
|
|
|
|
</wx-view>
|
|
</van-info>
|
|
</wx-view>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-chat-o"
|
|
style="font-size:32px"
|
|
bind:tap="onClick"
|
|
>
|
|
<van-info
|
|
customClass="van-icon__info info-class"
|
|
>
|
|
<wx-view
|
|
class="van-info van-info custom-class"
|
|
style=""
|
|
>
|
|
9
|
|
</wx-view>
|
|
</van-info>
|
|
</wx-view>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-chat-o"
|
|
style="font-size:32px"
|
|
bind:tap="onClick"
|
|
>
|
|
<van-info
|
|
customClass="van-icon__info info-class"
|
|
>
|
|
<wx-view
|
|
class="van-info van-info custom-class"
|
|
style=""
|
|
>
|
|
99+
|
|
</wx-view>
|
|
</van-info>
|
|
</wx-view>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
</wx-view>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix "
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
图标颜色
|
|
</wx-view>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-chat-o"
|
|
style="color:#1989fa;font-size:32px"
|
|
bind:tap="onClick"
|
|
/>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-chat-o"
|
|
style="color:#07c160;font-size:32px"
|
|
bind:tap="onClick"
|
|
/>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
</wx-view>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix "
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
图标大小
|
|
</wx-view>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-chat-o"
|
|
style="font-size:40px"
|
|
bind:tap="onClick"
|
|
/>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
<van-col
|
|
customClass="col"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-col van-col--6 "
|
|
style=""
|
|
>
|
|
<van-icon
|
|
customClass="icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-chat-o"
|
|
style="font-size:3rem"
|
|
bind:tap="onClick"
|
|
/>
|
|
</van-icon>
|
|
</wx-view>
|
|
</van-col>
|
|
</wx-view>
|
|
</demo-block>
|
|
</wx-view>
|
|
</van-tab>
|
|
<van-tab
|
|
customClass="demo-tab-pane"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-tab__pane van-tab__pane--inactive"
|
|
style="display: none;"
|
|
/>
|
|
</van-tab>
|
|
<van-tab
|
|
customClass="demo-tab-pane"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-tab__pane van-tab__pane--inactive"
|
|
style="display: none;"
|
|
/>
|
|
</van-tab>
|
|
<van-tab
|
|
customClass="demo-tab-pane"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-tab__pane van-tab__pane--inactive"
|
|
style="display: none;"
|
|
/>
|
|
</van-tab>
|
|
</wx-view>
|
|
</wx-view>
|
|
</wx-view>
|
|
</van-tabs>
|
|
</main>
|
|
`;
|