vue-slide-options

dependence: webpack, vue-loader

START UP

INSTALL

npm i vue-slide-options

BASIC USAGE

<vue-slide-options>
    <div slot="cover">an item 一个列表</div>
    <div slot="options">an options 一个选项</div>
</vue-slide-options>

SLOT

• cover: NEEDED
  • the element seen as the cover,like the chat list in the example image
• options:
  • the element hiding under the cover laying at the right side

PROPS

|props|needed|type|default|description| |:---|:---|:---|:---|:---| |threshold|no|Number|0.5|0.5 means when touch move distance >= 0.5* options.width, when finger leave it will auto-slide to show all options, IF < ,auto-slide to hide them all| |speed|no|Number|0.2|0.2 means finish auto-slide in 0.2s|

METHODS

• close
  • close the opening option

<vue-slide-options ref="mySlide">
    <div slot="cover">an item 一个列表</div>
    <div slot="options">an options 一个选项</div>
</vue-slide-options>

<script>
// use
this.refs.mySlide.close()
</script>