h5页面实现这种功能是怎么做的？

Question

折叠面板收缩功能，大佬们这个该怎么实现的呢，用了vant的Collapse 折叠面板，ui里面的折叠面板组件好像不满足需求

现在的结构代码的这个 ：
<div class="nickname-warp">

          <span class="nickname-warp-item" v-for="(identity,index) in income_page.identity" :key="index">{{identity}}</span>
        </div>

Answer 1

收起的效果是什么?
1、如果产品需求要折叠起来只要第一行的 tag
那改下组件样式就行了，其他tag 写在插槽里面

2、如果跟需求差的太多，自己写一个折叠面板就行了，折叠也不算很那实现

Answer 2

才发现写的是回复不是回答，我的解决方案写在回复里了，你看看能不能帮助到你