小程序开发——wx:for循环添加的元素列表显示不同样式

最新推荐文章于 2024-06-29 08:20:05 发布

学无止境 ’小五

最新推荐文章于 2024-06-29 08:20:05 发布

阅读量2k

点赞数

分类专栏：微信小程序前端文章标签：小程序

本文链接：https://blog.csdn.net/yezongzhen/article/details/104974856

版权

本文介绍了在小程序开发中，如何使用wx:for循环为每个列表项添加不同的样式。通过data-arrindex传递下标并在JS中获取，结合wxss动态改变class来控制举报框的显示和隐藏，从而实现长按时仅显示对应留言的举报功能。作者在尝试过程中遇到了display:none无法生效的问题，并最终找到了解决方案。

摘要由CSDN通过智能技术生成

今天继续写毕业设计。添加用户留言举报的功能。想要的效果是这样的：

小程序部分代码如下：

wxml：

<view class='container-comments' bindlongtap="bingLongTap" data-arrindex='{
  {index}}'>
    <view class="{
  {current_item === index?'selected':'comment_report'}}">
        <view class="test">
         <view class="comment_report_own" bindtap="commnent_report">举报</view> 
          <view class="comment_report_cancel" bindtap="commnent_report_cancel">取