小程序实现循环list但是最后的item没有分割线。

Posted zqy_jm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序实现循环list但是最后的item没有分割线。相关的知识,希望对你有一定的参考价值。

实现上述功能,针对症状的item最后☝️没有分割线,

首先声明一点,小程序不支持 CSS3里面的nth-child()选择器。

数据结构如下:

item.indications:[
{ id: "K29.501", name: "慢性胃炎", type: "EntityTypeDisease" },
{ id: "腹痛1", name: "腹痛1", type: "EntityTypeSymptom" },
{ id: "腹痛2", name: "腹痛2", type: "EntityTypeSymptom" }
]
type==\'EntityTypeSymptom\'为症状的json,所以,循环的时候需要增加判断,最后需要判断长度-1的时候去掉分割线。
具体代码实现如下

 注意:截图代码有误:index==item.indications.length-1;

以上是关于小程序实现循环list但是最后的item没有分割线。的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序wx:for和wx:for-item的正确用法

微信小程序中循环输出标签写法

Vue3实现列表循环

Android RecyclerView之添加Item分割线

微信小程序:图片与文字无法居中 最后解决的方法是——

实现自己写的小程序富文本编辑以及展示,不跟PC端的兼容,但是可以在pc端显示以及修改,一旦修改,小程序不再做解析