当前位置:   article > 正文

微信小程序class动态绑定_微信小程序动态class

微信小程序动态class

主要涉及到单个动态class和多个动态class

一、使用单个的动态class

示例是除最后一条都加下划线(微信小程序使用动态class前面不需要冒号)

第一种是多个的时候,空格隔开

class="class1 {{((index+1)<List.length)?'border_bottom':''}} class2"
  1. class="{{((index+1)<List.length)?'border_bottom':''}}"
二、同时使用多个动态class,使用逗号隔开

示例是除最后一条都加下划线并且除第一条给padding-top:10。(最外层要加上"[]",不然不生效)

class="[{{((index+1)<List.length)?'border_bottom':''}},{{(index>0)?'top10':''}}]"

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/运维做开发/article/detail/896309
推荐阅读
相关标签
  

闽ICP备14008679号