解决vant有赞Coupon优惠券选择器组件Bug

最近移动端商城项目整体使用有赞vant组件,在使用Coupon优惠券选择器组件时 按照官方文档做并没有出现一样的效果 发个对比图

官方代码以及展示效果

自己按照官方代码展示的效果

废了半天的时间在源码里找到了原因 更改优惠券

coupons属性如下 

coupons: [ { id: 1,//优惠券id discount: 0,//折扣券 折值 整数 为0不显示折 denominations: 100,//优惠券金额 单位分 originCondition: 50, //满减规则金额 单位分 为0显示无门槛 value: 12,//折扣券优惠金额,单位分 name: '优惠券名称',//优惠券名称 description: '描述信息',//描述信息 reason: '', //不可用原因,优惠券不可用时展示 startAt: 1489104000,//卡有效开始时间 (时间戳, 单位秒) endAt: 1514592000//卡失效日期 (时间戳, 单位秒) }, ],

效果就出来了

给那些使用vant组件的人防止踩坑 欢迎交流

原文链接:https://blog.csdn.net/u014174854/article/details/87937148?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165277499316780357276664%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165277499316780357276664&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-9-87937148-null-null.nonecase&utm_term=%E4%BC%98%E6%83%A0

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
文明发言,共建和谐米科社区
提交
头像

昵称

取消
昵称表情图片