在使用uni-transition的过程中发现uniapp怎么好像不支持custom-class?官方注解中提示nvue不支持custom-class,于是我百度了一下nvue根据uniapp之nvue – 码农教程这个地方了解到原来我目前的状态就是nvue!是我孤陋寡闻了,怪不得一直用不了
<uni-transition mode-class="fade" :styles="topClass" :show="topshow" @change="change" / >
就像上面那样,使用:styles去绑定一个topClass
topClass: {
'width': '100rpx',
'height': '100rpx',
'borderRadius': '50%',
'backgroundColor': '#fff',
'position': 'fixed',
'right': '10%',
'bottom': '10%',
'display': 'flex',
'justifyContent': 'center',
'alignItems': 'center',
}
然后通过控制topshow就可以实现渐入渐出的效果了
本文来源:uni-transition的一个未知bug?使用中发现不支持custom-class,https://www.fongdan.com