#
滑动菜单 SlideView

可通过滑动显示操作菜单。

# 基础案例

滑动菜单分为两个部分组成，一是在未滑动时看到的部分（如下图）

height=100

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

height=100

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

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

注意事项

为保证 SlideView 正常显示，我们需要设置 SlideView的 height 和 width 属性。
同时，我们需要传入两个slot 子节点，并且用 slot="right" 和 slot="left" 给子节点命名。（left 代表的是可见部分，right代表的是需要滑动时才可见的操作菜单部分）
标有 slot="right"的子节点的宽度要与组件的 slide-width 属性值相等。

# 示例代码

<l-slide-view height="140" width="750" slide-width="340"  >
  <view slot="left" class="left">
    <view class='left-con'>
      <text class='left-title'>购买运动器材</text>
      <text class='left-time'>10-26 18:50</text>
    </view> 
    <view class='left-price'><text style="color:rgba(244,81,108,1);">-</text> $2499</view>
  </view>
  <view slot="right" class="right">
    <text>喜欢</text>
    <text>分享</text>
    <text>删除</text>
  </view>
</l-slide-view>

如下图：

height=200

# 自定义阈值

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

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

# 自动关闭与主动关闭

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