// 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>
`;
