# ActGoodsDetailCode 物品兑换码
# 引入
import PressActGoodsDetailCode from 'press-plus/press-act-goods-detail-code/press-act-goods-detail-code';
export default {
components: {
PressActGoodsDetailCode,
}
}
# 代码演示
# 基础用法
<PressActGoodsDetailCode
:props-data="MOCK_GOODS_CODE_INFO"
/>
const MOCK_GOODS_CODE_INFO = {
title: '兑换码',
recvway: '请复制兑换码,到水羊潮妆小程序-我的-兑换专区粘贴兑换',
code: 'wzfs5185QI7E2AGQHU9',
// wxcode: 'wxcode',
accountDesc: 'accountDesc ',
};
export default {
data() {
return {
MOCK_GOODS_CODE_INFO,
}
}
}
# API
# Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| props-data | 组件数据 | object | - |
| use-tip-class | 是否使用 tip-comp 为前缀的类名 | boolean | false |
| hide-tip-style | 是否隐藏 @TIP_STYLE_NAME 关键词编译时加的样式 | boolean | false |
# Inject
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| globalHideTipStyle | 是否隐藏关键词编译的样式,对应 hide-tip-style 属性 | boolean | false |
# 类型说明
type IPropsData = {
title: string;
recvway: string;
code?: string; // code 和 wxcode 只会展示其中之一
wxcode?: string;
accountDesc?: string; // 账号名称等
}
# 自定义样式
外链地址:
样式内容: