ActGoodsItem 物品列表项

# ActGoodsItem 物品列表项

# 引入

import PressActGoodsItem from '@tencent/press-plus/press-act-goods-item/press-act-goods-item';

export default {
  components: {
    PressActGoodsItem,
  }
}

# 代码演示

# 基础用法

<PressActGoodsItem
  :props-data="mockData"
/>

const mockData = {
  picurl: 'https://game.gtimg.cn/images/user/cp/a20190402wifiTQ/sys.png',
  name: '游戏礼包名称名称',
  benefit_tag: 'tag',
  provider: '汉堡王',
  deadline: '2020.06.25',
  overdueTip: '今日到期',
  statusText: '去使用',
  statusStyle: 'primary',
};

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

# API

# Props

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

# Events

事件名	说明	参数
clickButton	点击按钮	`event`
clickItem	点击列表项	-

# Inject

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

# 类型说明

类型同 press-act-goods-list 中的 IGoodsItem。

# 自定义样式

外链地址：

样式内容：

横屏

← ActBenefitItem ActGoodsList →