mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
54 lines
1.9 KiB
Plaintext
54 lines
1.9 KiB
Plaintext
<demo-block title="基础用法">
|
|
<van-goods-action custom-class="goods-action-position" safe-area-inset-bottom="{{ false }}">
|
|
<van-goods-action-icon
|
|
icon="chat-o"
|
|
text="客服"
|
|
open-type="contact"
|
|
/>
|
|
<van-goods-action-icon
|
|
icon="cart-o"
|
|
text="购物车"
|
|
bind:click="onClickIcon"
|
|
/>
|
|
<van-goods-action-button
|
|
text="加入购物车"
|
|
type="warning"
|
|
bind:click="onClickButton"
|
|
/>
|
|
<van-goods-action-button
|
|
text="立即购买"
|
|
bind:click="onClickButton"
|
|
/>
|
|
</van-goods-action>
|
|
</demo-block>
|
|
|
|
<demo-block title="提示信息">
|
|
<van-goods-action custom-class="goods-action-position" safe-area-inset-bottom="{{ false }}">
|
|
<van-goods-action-icon icon="chat-o" text="客服" dot />
|
|
<van-goods-action-icon icon="cart-o" text="购物车" info="5" />
|
|
<van-goods-action-icon icon="shop-o" text="店铺" />
|
|
<van-goods-action-button text="加入购物车" type="warning" />
|
|
<van-goods-action-button text="立即购买" />
|
|
</van-goods-action>
|
|
</demo-block>
|
|
|
|
<demo-block title="自定义按钮颜色">
|
|
<van-goods-action custom-class="goods-action-position" safe-area-inset-bottom="{{ false }}">
|
|
<van-goods-action-icon icon="chat-o" text="客服" />
|
|
<van-goods-action-icon icon="shop-o" text="店铺" />
|
|
<van-goods-action-button color="#be99ff" type="warning" text="加入购物车" />
|
|
<van-goods-action-button color="#7232dd" text="立即购买" />
|
|
</van-goods-action>
|
|
</demo-block>
|
|
|
|
<demo-block title="朴素按钮">
|
|
<van-goods-action custom-class="goods-action-position" safe-area-inset-bottom="{{ false }}">
|
|
<van-goods-action-icon icon="chat-o" text="客服" />
|
|
<van-goods-action-icon icon="shop-o" text="店铺" />
|
|
<van-goods-action-button color="#7232dd" text="加入购物" type="warning" />
|
|
<van-goods-action-button plain color="#7232dd" text="立即购买" />
|
|
</van-goods-action>
|
|
</demo-block>
|
|
|
|
<van-toast id="van-toast" />
|