ActGoodsDetailMeta 物品元信息

# ActGoodsDetailMeta 物品元信息

# 引入

import PressActGoodsDetailMeta from '@tencent/press-plus/press-act-goods-detail-meta/press-act-goods-detail-meta';

export default {
  components: {
    PressActGoodsDetailMeta,
  }
}

# 代码演示

# 基础用法

<PressActGoodsDetailMeta
  :props-data="MOCK_GOODS_META"
  :show-subscribe="true"
  :issubscribe="subscribed"
  @clickSubscribe="clickSubscribe"
/>

const MOCK_GOODS_META = {
  benefitTag: '无门槛减54元',
  giftImg: 'https://igame-10037599.cos.ap-shanghai.myqcloud.com/abb33832-3b9f-c25e-a297-6799d5f564c4.png',
  giftname: '5折小皇堡10件套',
  status: 'expired', // expired or used
};

export default {
  data() {
    return {
      MOCK_GOODS_META,
      subscribed: false,
    };
  },
  methods: {
    clickSubscribe() {
      this.subscribed = !this.subscribed;
    },
  },
}

# API

# Props

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

# Events

事件名	说明	参数
clickSubscribe	切换订阅	-

# Inject

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

# 类型说明

type IPropsData = {
  giftImg?: string; // 奖品图片
  giftname: string;
  benefitTag: string; // 许多游戏样式中，直接和 giftname 连在了一起

  status?: string; // used 已使用, expired 已过期
}

# 自定义样式

外链地址：

样式内容：

横屏

← ActGoodsDetailMain ActGoodsDetailPrimaryButton →