vux的折叠面板(带icon title)

<group>
        <cell :title="`${'已读  ('+readNum+')'}`" is-link :border-intent="false" :arrow-direction="read ? 'up' : 'down'" @click.native="toggle(1)">
          <img slot="icon" class="read-icon" src="@/images/1.png">
        </cell>
        <p class="slide" :class="read?'animate':''">
          <ul v-if="readUserList&&readUserList.length">
            <li class="staff bgColor" v-for="(item,index) in readUserList" :key="index">
              {{item.userName}}
            </li>
          </ul>
        </p>
        <cell :title="`${'未读  ('+noreadNum+')'}`" is-link :border-intent="false" :arrow-direction="noread ? 'up' : 'down'" @click.native="toggle(2)">
          <img slot="icon" class="noread-icon" src="@/images/2.png">
          <div class="again" @click.stop="againInform()">再次通知</div>
        </cell>
        <p class="slide" :class="noread?'animate':''">
          <ul v-if="notReadUserList&&notReadUserList.length">
            <li class="staff bgColor" v-for="(item,index) in notReadUserList" :key="index">
              {{item.userName}}
            </li>
          </ul>
        </p>
      </group>