# ActGoodsDetailSecondaryButton 次按钮
# 引入
import PressActGoodsDetailSecondaryButton from 'press-plus/press-act-goods-detail-secondary-button/press-act-goods-detail-secondary-button';
export default {
components: {
PressActGoodsDetailSecondaryButton,
}
}
# 代码演示
# 基础用法
<PressActGoodsDetailBarcode
:secondary-button="secondaryButton"
:only-one-btn="onlyOneBtn"
@clickButton="clickButton"
/>
export default {
data() {
return {
secondaryButton: '去小程序使用',
onlyOneBtn: true,
}
},
methods: {
clickButton() {
this.onGTip('[clickButton]');
},
},
}
# API
# Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| secondary-button | 按钮文案 | string | - |
| only-one-btn | 是否父级只有1个按钮 | boolean | false |
| use-tip-class | 是否使用 tip-comp 为前缀的类名 | boolean | false |
| hide-tip-style | 是否隐藏 @TIP_STYLE_NAME 关键词编译时加的样式 | boolean | false |
# Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| clickButton | 点击按钮 | - |
# Inject
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| globalHideTipStyle | 是否隐藏关键词编译的样式,对应 hide-tip-style 属性 | boolean | false |
# 自定义样式
外链地址:
样式内容: