暂无优惠券

基本使用
通过页面调用 <fr-empty-coupon /> 组件显示《暂无优惠券》缺省组件。
vue
<fr-empty-coupon />设置描述
通过设置 description 属性,可以设置缺省组件的描述文字。
vue
<fr-empty-coupon description="自定义描述文字" />设置偏移位置
通过设置 offsetTop、offsetBottom 属性,可以设置缺省组件的偏移位置。
- offsetTop:偏移向上距离
- offsetBottom:偏移向下距离
vue
<fr-empty-coupon :offsetTop="100" :offsetBottom="100" />自定义插槽
vue
<fr-empty-coupon>
<!-- 自定义默认插槽内容 -->
自定义内容
</fr-empty-coupon>API
Props
| 属性 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| description | String | - | 暂无优惠券 | 缺省页描述文字 |
| offsetTop | Number | - | 0 | 偏移向上距离 |
| offsetBottom | Number | - | 0 | 偏移向下距离 |
Slot
| 名称 | 说明 |
|---|---|
| default | 自定义缺省页底部区域内容 |
Flower Library