ActGoodsDetailBarcode 物品条形码

# ActGoodsDetailBarcode 物品条形码

# 引入

import PressActGoodsDetailBarcode from 'press-plus/press-act-goods-detail-barcode/press-act-goods-detail-barcode';

export default {
  components: {
    PressActGoodsDetailBarcode,
  }
}

# 代码演示

# 基础用法

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

const MOCK_GOODS_BARCODE_INFO = {
  title: '标题',
  
  cdkey: '123456',
  
  recvway: '请向营业员出示此码兑换',
  giftname: '奖品名称',
  desc: '奖品描述',
};

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

# 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;

  cdkey: string;

  recvway: string;
  giftname?: string; // 奖品名称
  desc: string; // 奖品描述，后面固定接“，先到先得。”
}

# 常见问题

# 条形码和描述的顺序

DOM 中是条形码在上，描述在下。但是可以通过 CSS 中的 order 等属性指定展示顺序。

# 自定义样式

外链地址：

样式内容：

← ActWriteOff ActGoodsDetailCode →