ActStoreItem 商户列表项

引入

import PressActStoreItem from '@tencent/press-plus/press-act-store-item/press-act-store-item';

export default {
  components: {
    PressActStoreItem,
  }
}

代码演示

基础用法

<PressActStoreItem 
  :props-data="PROPS_DATA"
/>

const PROPS_DATA = {
  logo: 'https://igame-10037599.cos.ap-shanghai.myqcloud.com/0958e81e-3738-35ab-deb8-b9870007c46e',
  name: '深圳市宝安区新湖路店',
  privgrade: 1,

  distance: '500m',
  address: '深圳市宝安区新湖路99号壹方城F1 3008号商铺',
  state: 'lately',
  status: '状态'
};


export default {
  data() {
    return {
      PROPS_DATA,
    };
  },
}

API

Props

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

Events

事件名	说明	回调参数
onClickItem	点击时触发	-

Inject

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

类型说明

type IPropsData = {
  treport?: any; // 上报数据
  logo?: string;
  name: string;
  privgrade: string | number; // 特权类型，1 金牌， 2 银牌

  distance?: string;
  address?: string;
  
  // 可选值包括 instore, eventbeen, lately
  // 分别表示 “在店”、“来过”、“最近”
  state?: string; 
  status?: string; // 状态描述
}

自定义样式

外链地址：

样式内容：