<movable-area class="option_area" wx:show="{{showOptionBar}}">
<movable-view class="option_bar" direction="vertical" out-of-bounds="true" bindchange="optionMove"
>
<view class="content option_line">上滑收起</view>
</movable-view>
</movable-area>
// 代码
optionMove (e) {
if (e && e.detail) {
if (e.detail.y < 0) {
this.showOptionBar = false
}
}
},
a
这里 this.showOptionBar控制了moveable-area的是否展示,模拟上滑收起的效果,应该怎么做呢
可以的,用@keyframes first控制position的位置,
0%{ bottom:0;left:0}
100%{ bottom:你想让他缩回去的位置;left:0}
然后用用动持续几秒来控制它的速度即可
animation:first 5S //这里几秒你自己来控制