88 lines
1.6 KiB
JavaScript
88 lines
1.6 KiB
JavaScript
Component({
|
||
options: {
|
||
addGlobalClass: true,
|
||
multipleSlots: true,
|
||
},
|
||
|
||
externalClasses: ['coupon-class'],
|
||
|
||
properties: {
|
||
mask: {
|
||
type: Boolean,
|
||
value: false, // 是否添加遮罩
|
||
},
|
||
superposable: {
|
||
type: Boolean,
|
||
value: false, // 是否可叠加
|
||
},
|
||
type: {
|
||
type: String,
|
||
value: '', // 优惠券类型：CouponType
|
||
},
|
||
value: {
|
||
type: String,
|
||
value: '', // 优惠金额
|
||
},
|
||
tag: {
|
||
type: String,
|
||
value: '', // 优惠标签，优惠券名字标签，img
|
||
},
|
||
desc: {
|
||
type: String,
|
||
value: '', // 优惠金额描述，金额下方
|
||
},
|
||
title: {
|
||
type: String, // 优惠券名称
|
||
value: '',
|
||
},
|
||
timeLimit: {
|
||
type: String, // 优惠券时限
|
||
value: '',
|
||
},
|
||
ruleDesc: {
|
||
type: String, // 优惠券适用规则描述
|
||
value: '',
|
||
},
|
||
currency: {
|
||
type: String,
|
||
value: '¥', // 优惠货币
|
||
},
|
||
status: {
|
||
type: String,
|
||
value: 'default',
|
||
},
|
||
image: {
|
||
type: String,
|
||
value: '',
|
||
},
|
||
},
|
||
|
||
data: {
|
||
CouponType: {
|
||
MJ_COUPON: 1,
|
||
ZK_COUPON: 2,
|
||
MJF_COUPON: 3,
|
||
GIFT_COUPON: 4,
|
||
},
|
||
theme: 'primary',
|
||
},
|
||
|
||
observers: {
|
||
status: function (value) {
|
||
let theme = 'primary';
|
||
// 已过期或已使用的券 颜色置灰
|
||
if (value === 'useless' || value === 'disabled') {
|
||
theme = 'weak';
|
||
}
|
||
|
||
this.setData({ theme });
|
||
},
|
||
},
|
||
|
||
attached() {
|
||
this.setData({
|
||
color: `color${this.properties.colorStyle}`,
|
||
});
|
||
},
|
||
});
|