uniapp高颜值优惠券组件,支持多选,单选(支持互斥)

先上图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

前言

最近项目需要一个多选且互斥的优惠券组件,找了好久,发现并没有于是决定自己撸起袖子造一个 (互斥比如说二个优惠券A,B选A,就不能选B,选B就不能选A)

实现思路

  • 1 先写单选优惠券组件

  • 2 单选优惠券添加复选框

  • 3复选框组件是否勾选由数据里面的checked决定

    javascript checked: false||true

  • 4 动态改变每个优惠券里面的checked就能实现多选效果

  • 5 优惠券选中状态改变时候判断,循环判断每个优惠券的右上角可叠加提示和左下角的不可叠加提示是否显示显示即可

  • 6获取所有checked为true的优惠券就是用户勾选的

源码下载

github nx-coupon

Dcloud插件市场 nx-coupon

作者相关文章

反编译获取任何微信小程序源码——看这篇就够了

零成本,零基础搭建获利的影视小程序

零基础搭建智能垃圾分类小程序(可做毕设,可加入流量主,赚取零花钱)


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部