## GoodsAction ### Install ``` javascript import { GoodsAction, GoodsActionBigBtn, GoodsActionMiniBtn } from 'vant'; Vue.component(GoodsAction.name, GoodsAction); Vue.component(GoodsActionBigBtn.name, GoodsActionBigBtn); Vue.component(GoodsActionMiniBtn.name, GoodsActionMiniBtn); ``` ### Usage :::demo ```html 客服 购物车 加入购物车 立即购买 ``` ```javascript export default { methods: { onClickMiniBtn() { Toast('点击图标'); }, onClickBigBtn() { Toast('点击按钮'); } } } ``` ::: ### API #### GoodsActionMiniBtn | Attribute | Description | Type | Default | Accepted Values | |-----------|-----------|-----------|-------------|-------------| | icon | 图标 | `String` | - | Icon 组件支持的所有图标 | | iconClass | 图标额外类名 | `String` | `''` | - | | url | 跳转链接 | `String` | `javascript:;` | - | #### GoodsActionBigBtn | Attribute | Description | Type | Default | Accepted Values | |-----------|-----------|-----------|-------------|-------------| | url | 跳转链接 | `String` | `javascript:;` | - | | primary | 是否主行动按钮，主行动按钮默认为红色 | `Boolean` | `false` | - |