gmy-shopping-card v1.1.2

gmy-shopping-card

使用说明

npm安装 npm i gmy-shoping-card

页面使用 <gmy-shopping-card :dataObj="data" :select="true" :sub="false" :collect="false" :badge="true" :badgeData="badgeData" :counter="true" @option = "option">

参数说明：

• max:counter计数器的最大值 ，{Number} 默认为10000000000000000000000
• min:counter技术器的最小值，{Number} 默认为0
• originNum：卡片初始数量， {Number} 默认为1
• autoSelect：是否默认勾选，{Boolean} 默认false
• autoCollect: 是否默认收藏， {Boolean} 默认false
• select：是否显示勾选图标， {Boolean} 默认true
• sub:是否显示删除图标， {Boolean} 默认false
• collect：是否显示收藏图标， {Boolean} 默认false
• badge：是否显示右侧角标，默认false
• badgeData：右侧角标， {Object} 默认{key:'red',value:"待审批"} 需要制定文本和背景颜色，key-->背景色， value--> 文本
• dataObj：卡片主体数据【必须】 {Object} 格式:{ name:"低值易耗品名称", price:9.9, imgsrc:"http://img.zcool.cn/community/0170a1569f51d66ac7256cb005e755.gif", detail: { key:'规格', value:"65N118" }, { key:'编码', value:'1123-456' }, { key:'类型', value:'通用' }, { key:'库存', value:'43765' } }
• counter:是否显示计数器（同时控制单价总价的显示），{Boolean} 默认true

建议右上图标一次仅显示一个

数据说明

• @option ：可点击图标的事件集合 监听option事件，返回一个对象，包含操作的元素和操作的结果 { option:'delet', //操作的元素 select:{ result:this.isselect //图标的状态的状态 }, collect:{ result:this.collect }, delete:{ result:true } }
• @getNum : 获取当前商品数量