怎样使微信小程序的隐藏和显示有一个渐渐的过程

最近在写微信小程序的时候觉得隐藏和显示太过生硬 想加一个隐藏或显示的时间 我使用的是三目运算对需要的元素隐藏

 <view  class="{{open?'display_show':'display_none'}}"> <icon class="iconfont icon-denglu"></icon> 用户登录</view>

样式用transition和opacity控制