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

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

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

<view>{{item.name}}</view>

</view>

.after{

border-top-right-radius: 160rpx

}

回答

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

今天给你写的那个
image.png
.top{}
.bottom{}
.now{}

能贴出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>

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


image.png
额,我试了下,是可以的,这就尴尬了

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

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

以上是 动态设置样式为什么没有生效??? 的全部内容, 来源链接: utcz.com/a/43050.html

回到顶部