# Zsuit_small

**Repository Path**: web/Zsuit_small

## Basic Information

- **Project Name**: Zsuit_small
- **Description**: 商品SKU组合查询插件 小程序版
按照原微信版 https://github.com/shinezzil/Zsuit 简单修改成小程序版
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2019-12-11
- **Last Updated**: 2022-06-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Zsuit_small

#### 介绍
商品SKU组合查询插件 小程序版
按照原微信版 https://github.com/shinezzil/Zsuit 简单修改成小程序版
完整包下载:https://www.90pan.com/b1566834 密码：z7k2
#### 软件架构
按照原微信版 https://github.com/shinezzil/Zsuit 简单修改成小程序版

![](https://i.postimg.cc/dQ54HSxw/TIM-20191211150602.jpg)

#### 使用说明
  
	//实例化对象
    var zsSuit = require('../../utils/ZsSuit.js');

    //配置
    zsSuit.config();

    //设置层级
    zsSuit.set(1, 3);//第二层级，选中了值为3的选项

    //取消层级设置
    zsSuit.unset(1);

    //设置回调,名称是插件指定的，不可变
    zsSuit.callBack = function(data,skuId){}
#### 使用流程
1.将全部套装数据按照层级关系生成JSON对象

    var suitRuleInfo= {"123":"1_2_10","234":"1_3_11","345":"2_3_10","456":"3_1_11","789":"4_1_10"};
配置已有套装参数

    zsSuit.config({'suitRuleInfo':suitRuleInfo});
3.设置回调函数，data表示不可选层级，skuId表示确定了唯一套装ID。每一次set或unset操作，都会触发此函数的回调。

    zsSuit.callBack = function(data, skuId){
        //不可选处理,i表示层级
        for(var i in data){
            //...
        }
    };
4.套装选择事件

    
        //取消还是设置
        if(chooseFlag){
            zsSuit.unset(position, curVal);
        }else{
            zsSuit.set(position);
        }

#### 参与贡献

1.  https://github.com/shinezzil/Zsuit