滑动菜单 SlideView

    滑动菜单分为两个部分组成,一是在未滑动时看到的部分(如下图)

    二是在滑动时可见的部分(如下图的操作菜单部分)。

    两者都是通过添加 子节点来完成的。

    因为 SlideView 组件较之前的组件较为特殊,这里会做一个说明,以供参考。

    注意事项

    • 为保证 SlideView 正常显示,我们需要设置 SlideViewheightwidth 属性。
    • 标有 slot="right"的子节点的宽度要与组件的 slide-width 属性值相等。

    阈值是指当我们左滑或则右滑多少rpx时会触发 SlideView 开关的值。

    默认的阈值是 1/2 的操作菜单宽度,当然,为了不同宽度操作菜单能有更丝滑的体验,我们也提供自定义阈值,可以通过 threshold 属性来设置,单位是rpx。

    我们除了滑动触发 SlideView 的关闭外,还可以通过另外两种方式来关闭它。

    • 设置 auto-closetrue 时, 我们点击了菜单栏部分,组件会自动关闭;
    • 设置 close 为 时,组件会主动关闭。
    事件名称说明返回值备注
    bind:lintap点击菜单栏时触发click right-
    bind:slideopen菜单栏打开时触发true-
    bind:slideclose菜单栏关闭时触发false-