ActGoodsDetailQRCode 物品二维码

# ActGoodsDetailQRCode 物品二维码

# 引入

import PressActGoodsDetailQRCode from 'press-plus/press-act-goods-detail-q-r-code/press-act-goods-detail-q-r-code';

export default {
  components: {
    PressActGoodsDetailQRCode,
  }
}

# 代码演示

# 基础用法

<PressActGoodsDetailBarcode
  :props-data="MOCK_GOODS_Q_R_CODE_DATA"
/>

const MOCK_GOODS_Q_R_CODE_DATA = {
  title: '标题',
  code: '123456',
  main: 'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/11/own_mike_c13ef4021db3bd9908.png',
  recvway: '请截图保存二维码,使用微信扫码兑换',
  url: 'https://baidu.com',
};

export default {
  data() {
    return {
      MOCK_GOODS_Q_R_CODE_DATA,
    }
  }
}

# API

# Props

参数	说明	类型	默认值
props-data	组件数据	object	-
use-tip-class	是否使用 `tip-comp` 为前缀的类名	boolean	`false`
hide-tip-style	是否隐藏 `@TIP_STYLE_NAME` 关键词编译时加的样式	boolean	`false`

# Inject

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

# 类型说明

type IPropsData = {
  title: string;
  url?: string;

  code?: string; // 要转为二维码的地址，code 和 main 只会展示一个
  main?: string; // 图片地址

  recvway: string;
}

# 自定义样式

外链地址：

样式内容：

← ActGoodsDetailPrimaryButton ActGoodsDetailSecondaryButton →