## GoodsAction 商品页行动点 ### 使用指南 ``` javascript import { GoodsAction, GoodsActionBigBtn, GoodsActionMiniBtn } from 'vant'; Vue.component(GoodsAction.name, GoodsAction); Vue.component(GoodsActionBigBtn.name, GoodsActionBigBtn); Vue.component(GoodsActionMiniBtn.name, GoodsActionMiniBtn); ``` ### 代码演示 :::demo ```html 客服 购物车 加入购物车 立即购买 ``` ```javascript export default { methods: { onClickMiniBtn() { Toast('点击图标'); }, onClickBigBtn() { Toast('点击按钮'); } } } ``` ::: ### API #### GoodsActionMiniBtn | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | icon | 图标 | `String` | - | Icon 组件支持的所有图标 | | iconClass | 图标额外类名 | `String` | `''` | - | | url | 跳转链接 | `String` | `javascript:;` | - | #### GoodsActionBigBtn | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | url | 跳转链接 | `String` | `javascript:;` | - | | primary | 是否主行动按钮，主行动按钮默认为红色 | `Boolean` | `false` | - |