mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
1273 lines
38 KiB
Plaintext
1273 lines
38 KiB
Plaintext
// 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 demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
按钮类型
|
|
</wx-view>
|
|
<wx-view
|
|
class="row"
|
|
>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--default van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
默认按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
主要按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--info van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
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>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--danger van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
危险按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--warning van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
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>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
朴素按钮
|
|
</wx-view>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal van-button--plain "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
朴素按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--info van-button--normal van-button--plain "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
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>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
细边框
|
|
</wx-view>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround"
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
细边框按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--info van-button--normal van-button--plain van-button--hairline van-hairline--surround"
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
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>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
禁用状态
|
|
</wx-view>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal van-button--disabled van-button--unclickable "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass=""
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap=""
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
禁用状态
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--info van-button--normal van-button--disabled van-button--unclickable "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass=""
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap=""
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
禁用状态
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
</wx-view>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
加载状态
|
|
</wx-view>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal van-button--loading van-button--unclickable "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass=""
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap=""
|
|
>
|
|
<van-loading
|
|
customClass="loading-class"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-loading"
|
|
>
|
|
<wx-view
|
|
class="van-loading__spinner van-loading__spinner--circular"
|
|
style="color:#fff;width:20px;height:20px"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__text"
|
|
style=""
|
|
/>
|
|
</wx-view>
|
|
</van-loading>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal van-button--loading van-button--unclickable "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass=""
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap=""
|
|
>
|
|
<van-loading
|
|
customClass="loading-class"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-loading"
|
|
>
|
|
<wx-view
|
|
class="van-loading__spinner van-loading__spinner--spinner"
|
|
style="color:#fff;width:20px;height:20px"
|
|
>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__dot"
|
|
/>
|
|
</wx-view>
|
|
<wx-view
|
|
class="van-loading__text"
|
|
style=""
|
|
/>
|
|
</wx-view>
|
|
</van-loading>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--info van-button--normal van-button--loading van-button--unclickable "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass=""
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap=""
|
|
>
|
|
<van-loading
|
|
customClass="loading-class"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-loading"
|
|
>
|
|
<wx-view
|
|
class="van-loading__spinner van-loading__spinner--circular"
|
|
style="color:#fff;width:20px;height:20px"
|
|
/>
|
|
<wx-view
|
|
class="van-loading__text"
|
|
style=""
|
|
/>
|
|
</wx-view>
|
|
</van-loading>
|
|
<wx-view
|
|
class="van-button__loading-text"
|
|
>
|
|
|
|
加载中...
|
|
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
</wx-view>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
按钮形状
|
|
</wx-view>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal van-button--square "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
方形按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--info van-button--normal van-button--round "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
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>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
图标按钮
|
|
</wx-view>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<van-icon
|
|
class="van-button__icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-star-o"
|
|
style="font-size:1.2em;line-height: inherit;"
|
|
bind:tap="onClick"
|
|
/>
|
|
</van-icon>
|
|
<wx-view
|
|
class="van-button__text"
|
|
/>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<van-icon
|
|
class="van-button__icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon-star-o"
|
|
style="font-size:1.2em;line-height: inherit;"
|
|
bind:tap="onClick"
|
|
/>
|
|
</van-icon>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal van-button--plain "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<van-icon
|
|
class="van-button__icon"
|
|
>
|
|
<wx-view
|
|
class="custom-class van-icon van-icon--image"
|
|
style="font-size:1.2em;line-height: inherit;"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-image
|
|
class="van-icon__image"
|
|
mode="aspectFit"
|
|
src="https://img.yzcdn.cn/vant/logo.png"
|
|
/>
|
|
</wx-view>
|
|
</van-icon>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
</wx-view>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
按钮尺寸
|
|
</wx-view>
|
|
<van-button
|
|
customClass="demo-margin-bottom"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--large van-button--block "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
大号按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
普通按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--small "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
小型按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--mini "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
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>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
块级元素
|
|
</wx-view>
|
|
<van-button
|
|
customClass="demo-margin-bottom"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
普通按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--primary van-button--normal van-button--block "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style=""
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
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>
|
|
</demo-block>
|
|
<demo-block>
|
|
<wx-view
|
|
class="custom-class demo-block van-clearfix demo-block--padding"
|
|
>
|
|
<wx-view
|
|
class="demo-block__title"
|
|
>
|
|
自定义颜色
|
|
</wx-view>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--default van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style="color:#fff;background:#7232dd;border-color:#7232dd"
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
单色按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button
|
|
class="demo-margin-right"
|
|
>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--default van-button--normal van-button--plain "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style="color:#7232dd;border-color:#7232dd"
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
bind:getuserinfo="onGetUserInfo"
|
|
bind:launchapp="onLaunchApp"
|
|
bind:opensetting="onOpenSetting"
|
|
bind:tap="onClick"
|
|
>
|
|
<wx-view
|
|
class="van-button__text"
|
|
>
|
|
单色按钮
|
|
</wx-view>
|
|
</wx-button>
|
|
</van-button>
|
|
<van-button>
|
|
<wx-button
|
|
appParameter=""
|
|
ariaLabel=""
|
|
businessId="{{0}}"
|
|
class="custom-class van-button van-button--default van-button--normal "
|
|
data-detail="{{null}}"
|
|
formType=""
|
|
hoverClass="van-button--active hover-class"
|
|
id=""
|
|
lang=""
|
|
openType=""
|
|
sendMessageImg=""
|
|
sendMessagePath=""
|
|
sendMessageTitle=""
|
|
sessionFrom=""
|
|
showMessageCard="{{false}}"
|
|
style="color:#fff;background:linear-gradient(to right, #4bb0ff, #6149f6);border:0"
|
|
bind:agreeprivacyauthorization="onAgreePrivacyAuthorization"
|
|
bind:chooseavatar="onChooseAvatar"
|
|
bind:contact="onContact"
|
|
bind:error="onError"
|
|
bind:getphonenumber="onGetPhoneNumber"
|
|
bind:getrealtimephonenumber="onGetRealTimePhoneNumber"
|
|
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>
|
|
</demo-block>
|
|
</main>
|
|
`;
|