Press Plus

# ActGoodsDetailMain 物品详情

# 引入

import PressActGoodsDetailMain from 'press-plus/press-act-goods-detail-main/press-act-goods-detail-main';

export default {
  components: {
    PressActGoodsDetailMain,
  }
}

# 代码演示

# 基础用法

<PressActGoodsDetailMain
  :has-button="hasButton"
>
  <template #desc0>
    <PressActGoodsDetailDesc
      :props-data="MOCK_GOODS_DESC"
    />
  </template>

  <template #code>
    <PressActGoodsDetailCode
      :props-data="MOCK_GOODS_CODE_INFO"
    />
  </template>
  <template #barcode>
    <PressActGoodsDetailBarcode
      :props-data="MOCK_GOODS_BARCODE_INFO"
    />
  </template>
  <template #desc1>
    <PressActGoodsDetailQRCode
      :props-data="MOCK_GOODS_Q_R_CODE_DATA"
    />
  </template>

  <template #select>
    <PressActGoodsDetailSelect
      :gift-list="MOCK_GOODS_DETAIL_SELECT"
    />
  </template>

  <template #primary-button>
    <PressActGoodsDetailPrimaryButton
      :primary-button="primaryButton"
    />
  </template>
  <template #secondary-button>
    <PressActGoodsDetailSecondaryButton
      :secondary-button="secondaryButton"
    />
  </template>
</PressActGoodsDetailMain>

export default {
  data() {
    return {
      hasButton: true,
      primaryButton: '去小程序使用',
      secondaryButton: '标为已用',

      // 以下数据，可在对应组件文档中查看
      MOCK_GOODS_BARCODE_INFO,
      MOCK_GOODS_CODE_INFO,
      MOCK_GOODS_DESC,
      MOCK_GOODS_META,
      MOCK_GOODS_Q_R_CODE_DATA,
      MOCK_GOODS_DETAIL_SELECT,
    }
  }
}

# API

# Props

参数 说明 类型 默认值
has-button 是否包含按钮 boolean false
use-tip-class 是否使用 tip-comp 为前缀的类名 boolean false
show-cash-failure-tip 是否显示现金发放失败提示 boolean false
show-cash-sending-tip 是否显示现金发放中提示 boolean false
hide-tip-style 是否隐藏 @TIP_STYLE_NAME 关键词编译时加的样式 boolean false

# Inject

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

# 说明

  • 现金提示功能：
    • show-cash-failure-tip 用于显示现金发放失败提示，会显示警告图标（icon-warn）
    • show-cash-sending-tip 用于显示现金发放中提示，会显示时间图标（icon-time）
    • 两个提示都支持通过对应的插槽自定义提示内容
    • 提示会显示在组件底部，按钮区域之后

# 自定义样式

外链地址：
样式内容：

← ActGoodsDetailMeta →