最近移动端商城项目整体使用有赞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