Applet - more than two pieces of folding and expansion logic

Demand background :

There are not too many applet product data , So there's no paging , But the whole show takes up too much space . So make more than two pieces to unfold and fold , The users themselves

design sketch

Realize the idea

prospects ： More than two , Show unfold collapse legend .

Click on the legend , The data transfer , And sign in .

If showAll == true , Indicate that you want to show all , Directly return the incoming data to

If showAll == false , Show only two . Loop in data , Save it , And back to

index.wxs

var goodsList = function (list = [], showAll) {
    
	if (showAll == false) {
    
		var showList = [];
		if (list.length > 2) {
    
			for (var i = 0; i < 2; i++) {
    
				showList.push(list[i]);
			}
		} else {
    
			showList = list;
		}
		return showList;
	} else {
    
		return list;
	}
};
module.exports = {
    
	goodsList: goodsList,
};

Just introduce it where needed
index.wxml

<wxs module="handlerShow" src="./index.wxs"></wxs>
<block wx:for="{
    {handlerShow.goodsList(goodsList , showAll)}}" wx:key="index">
</block>

Due to the introduction , No data yet , So pass in the default parameter in the formal parameter