<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&¬ReadUserList.length">
<li class="staff bgColor" v-for="(item,index) in notReadUserList" :key="index">
{{item.userName}}
</li>
</ul>
</p>
</group>
vux的折叠面板(带icon title)
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 在element-ui的Carousel跑马灯和Collapse折叠面板中挣扎好久,终于将两者完美结合;先上效果感...
- 需求:Collapse中嵌套Collapse,点击子面板的时候向后台请求数据内容。 问题:因为是循环输出且ivie...