收藏
回答

wxml元素的style属性中通过表达式设置top的值,计算结果诡异

问题模块
API和组件

<view wx:for="{{newCards}}" class="card type-{{item}}" wx:key="new-card-{{item}}" style="top:{{(newCards.length - index - 1) * -4}}rpx;"></view>


我需要的效果是很多的卡片叠加在一起,被遮住的卡片通过设置top的值露出一个边。


渲染出来的内容是这样的:

  1. <viewclass="card type-4"style="top:-4px;"></view>

  2. <viewclass="card type-5"style="top:-2px;"></view>

  3. <viewclass="card type-6"style="top:0.5px;"></view>


但是我预期的结果应该是:

  1. <viewclass="card type-4"style="top:-8rpx;"></view>

  2. <viewclass="card type-5"style="top:-4rpx;"></view>

  3. <viewclass="card type-6"style="top:0rpx;"></view>


rpx被变成了px我还可以理解,但是第一项变成了0.5px是怎么计算的??是bug吗?



    最后一次编辑于  2017-11-23  (未经腾讯允许,不得转载)
    回答关注问题邀请回答
    收藏