# 单张优惠券的通用部分
本文档构建于2020年08月015日，组件放在goose包中
# 功能
选择/领取优惠券的弹窗，支持选择优惠券、完成、关闭后调用批价，支持自定义样式
# 如何引入
请先使用cnpm config set registry=http://111.230.199.61:6888/
cnpm isntall @xiaoe/goose
import couponSelect from '@xiaoe/goose'
import '@xiaoe/goose/static/index.css';
1
2
3
4
2
3
4
# 使用示例
<coupon-item :item="item" :couponValueBg="'#CDCDCD'" :couponBgcolor="'#EEEEEE'" :detailInfoBg="'#fff'"/>
1
# 参数
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| item | 单个优惠券数据 | Object | {} | - |
| outWidth | 外部优惠券高度 | String | '0.69rem' | - |
| couponValueBg | 左侧金额背景颜色 | String | 'linear-gradient(to right,#FFB073,#FF9D52)' | - |
| outborder | 外部边框颜色 | String | 'none' | - |
| outHeight | 外部高度 | String | '2.04' | - |
| detailInfoBg | 详细信息的背景色 | String | '#FFFAF4' | - |
| couponBgcolor | 优惠券边框外部背景色 | String | '#fff' | - |
| disabled | 标记优惠券是否可用 | Boolean | false | - |
| lightState | 优惠券是否处于高亮态 | Boolean | true | - |
| dateInDetail | 是否显示时间日期 | Boolean | false | - |