Press Plus

# ActGoodsDetailDesc 物品介绍

# 引入

import PressActGoodsDetailDesc from '@tencent/press-plus/press-act-goods-detail-desc/press-act-goods-detail-desc';

export default {
  components: {
    PressActGoodsDetailDesc,
  }
}

# 代码演示

# 基础用法

<PressActGoodsDetailDesc
  :props-data="MOCK_GOODS_DESC"
  @onClickItem="onClickItem"
/>

const MOCK_GOODS_DESC = [
  {
    title: '适用渠道',
    desc: '汉堡王(南山区桃园路店)等1133家门店可用',
    monify: true,
    monifyText: '>',
    onClickType: 'clickDisplayShop',
  },
  {
    title: '有效期',
    desc: '2023.12.08',
  },
  {
    title: '使用方式',
    desc: '奖励将会发放到你填写的手机名下的汉堡王会员账户，若你不是会员，将用此手机号为你注册',
    isHtml: true,
  },
  {
    title: '用券有礼',
    desc: '2023.07.20前，用券后返亲密玫瑰自选宝箱，先到先得',
  },
];

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

# API

# Props

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

# Events

事件名 说明 参数
onClickItem 点击描述 item

# Inject

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

# 类型说明

type IPropsItem = {
  title: string;
  isHtml?: boolean; // 是否是 html
  desc?: boolean;

  monify?: boolean; // 是否可修改
  monifyText?: boolean; // 修改的文案，可为一个符号，比如 `>`
}

type IPropsData = Array<IPropsItem>

# 自定义样式

外链地址：
样式内容：
横屏

← ActGoodsDetailMain →