收藏
回答

微信小程序IOS端transition属性失效

问题模块 框架类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 iOS IOS11.0.3 iphone7 6.6.3

一个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

}


最后一次编辑于  2018-03-01  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 周军
    周军
    2018-03-01

    加 -webkit- 试下

    2018-03-01
    赞同
    回复