小程序开发
developers

小程序开发解答

搜索热词： 　微信支付 　审核不过

[已解决]微信小程序开发wx:for如何计数

时间：2019-05-03 来源：小程序工厂

    问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
    API和组件 微信小程序 需求 wx:for 客户端 6.5.3 2.3.0

    - 需求的场景描述（希望解决的问题） wx:for 筛选数据展示后 实现奇偶行不同样式


    - 希望提供的能力
    wx:for 数据命中计数，非wx:for-index


    {{good.gname}}
    {{good.gprice*0.01}}元 / {{goodsUnit[good.unitid-1].text}}







    代码片段
    wechatide://minicode/QxANHNmC7Z2s

    微信小程序开发问题解答


    微信小程序开发者回答：


    试一下css 的伪类选择器：奇偶 .class:nth-child(2n+1){}，代码片段中是根据当前类与商品的类目对比，相同的显示，商品的下标是在goodsItem中的下标，所以是错误的

    微信小程序开发者回答：


    这个有效，谢谢
    .line{
    background-color:#eee;
    }
    .line:nth-child(2n+1){
    background-color:#fff;
    }

    微信小程序开发者回答：



    谢谢！

    微信小程序开发者回答：


    为什么index不行？

    微信小程序开发者回答：


    可以的啊，用你提供的代码片段打开都是有不同样式的啊

    微信小程序开发者回答：


    换个类，如果相邻两个物品都是偶数或者奇数行，就有问题了

    微信小程序开发者回答：


    现在看到啤酒是好的，是因为有个商品被推荐了，排序变化

    微信小程序开发者回答：


    哦哦，我明白你的意思了，你用了wx:if ，那么其实有可能index2和index4会在一起，这样的话你就只能通过class去控制了，不能用index

    微信小程序开发者回答：

    .line{ background-color:#eee;}.line:nth-child(2n+1){ background-color:#fff; }这样解决了



    本文网址：http://www.91bianli.com/weixinxiaochengxu/45688.html


    上一篇：开发者工具真机调试dom选择错乱
    下一篇：wx.hideToast的成功回调方法在真机上中不执行其他
相关文章

售前咨询热线

0531-86088957

微信：seoceo

关注微信

Copyright © 2019 微信小程序开发 www.xcxgc.com All Rights Reserved 小程序工厂