本篇教程学习的是店铺装修-widget库中的手风琴效果,喜欢的一起来学习吧。
那我们开始今天的教程吧。
1.这个有很多列表效果,当我们点击的时候,可以展开相应的内容,再点击的时候可以进行折叠,折叠菜单的好处就是可以在上面显示标题,展开之后也可以显示相应的内容。
2.在淘宝装修模块里面找到淘宝开放平台,手风琴就是我们看到的效果,把html结构复制下来,下面有调用方法,无非改变的就是data-widget-type,config就是配置参数,写上相应的内容。
3.把div复制下来,创建页面,把section删掉,加上【data-widget-type】,【data-widget-config】,下面的active代表的就是默认展开的,在里面放了一个文本。
4.panel就是弹出的内容,都是对应的关系,打开标题就会展示相应的内容,display加一个none,代表默认的时候将内容隐藏掉,第三、第四项也是一样的。
5.在type里面指定类型,【Accordion】,config配置参数把代码复制过来,triggerType就是触发的时候有两种事件,一个是鼠标移上去的时候可以