ActGoodsDetailPrimaryButton 主按钮

# ActGoodsDetailPrimaryButton 主按钮

# 引入

import PressActGoodsDetailPrimaryButton from '@tencent/press-plus/press-act-goods-detail-primary-button/press-act-goods-detail-primary-button';

export default {
  components: {
    PressActGoodsDetailPrimaryButton,
  }
}

# 代码演示

# 基础用法

<PressActGoodsDetailPrimaryButton
  :primary-button="primaryButton"
  :primary-long-button="primaryLongButton"
  @clickButton="clickButton"
/>

export default {
  data() {
    return {
      primaryButton: '去小程序使用',
      primaryLongButton: true,
    }
  },
  methods: {
    clickButton() {
      this.onGTip('[clickButton]');
    },
  },
}

# API

# Props

参数	说明	类型	默认值
primary-button	按钮文案	string	-
primary-long-button	是否为长按钮	boolean	`false`
primary-copy-text	复制内容	string	-
use-tip-class	是否使用 `tip-comp` 为前缀的类名	boolean	`false`
hide-tip-style	是否隐藏 `@TIP_STYLE_NAME` 关键词编译时加的样式	boolean	`false`

# Events

事件名	说明	参数
clickButton	点击按钮	-

# Inject

参数	说明	类型	默认值
globalHideTipStyle	是否隐藏关键词编译的样式，对应 `hide-tip-style` 属性	boolean	`false`

# 自定义样式

外链地址：

样式内容：

横屏

← ActGoodsDetailMeta ActGoodsDetailQRCode →