动态设置样式为什么没有生效？？？

Question

别的都生效了 就是{{index==current+1?after:''}}这句话没有生效
就是想把当前元素的临近的下一个元素设置成border-top-right-radius: 60rpx 有人知道这是为什么不管用吗？

<view class="item {{index==current+1?'after':''}}" style="{{index==current?active:''}};" wx:for="{{list.dataList}}" bindtap="changeItem" data-index="{{index}}">
        <view>{{item.name}}</view> 
</view>

.after{
  border-top-right-radius: 160rpx
}

Answer 1

style是直接写样式属性
你这个要改成:class="{}"

今天给你写的那个

.top{}
.bottom{}
.now{}

Answer 2

能贴出current这个操作的代码吗，你也可以试试把2个值显示出来，看看有没有更改到，比如：

<view class="item {{index==current+1?'after':''}}" style="{{index==current?active:''}};" wx:for="{{list.dataList}}" bindtap="changeItem" data-index="{{index}}">
        <view>{{item.name}}-{{index}}-{{current}}</view> 
</view>

这样能清晰的知道两个值有没有给更改到

---

额，我试了下，是可以的，这就尴尬了

Answer 3

要通过 style 直接修改下一个元素的样式，只能对“下一个”元素进行设置。
不管是 ::after 伪元素还是 +selector 兄弟元素选择器，都只能放在 CSS 选择器里，而不是放在 CSS 属性里。

Answer 4

:class="{index==current+1?after:''}"