微信小程序IOS端transition属性失效
发布于 6 年前 作者 huangping 5464 次浏览 来自 问答

一个with值动态改变的横柱增长效果,with的值由data传入到style属性中,transition实现动效。

模拟器和安卓系统上效果正常,IOS端无动效

wxml代码

<view

class="{{status==2 ? ‘result-bar’ : ‘’}} {{status==2 && item.optionId == ra ? ‘right-bar’ : ‘false-bar’}} {{item.bar == ‘630rpx’ ? ‘full-bar’ : ‘’}}"

style=“width:{{status==2 ? item.bar : ‘0’}}”

>

</view>

wxss代码

.result-bar {

    height:100%;

    border-radius:25px 0 0 25px;

    display:flex;

    align-items:center;

    position: absolute;

    transition-property: width;

    transition-duration: 300ms;

    transition-timing-function: linear

}

1 回复

加 -webkit- 试下

回到顶部