更新记录

1.0.7（2020-08-18） 下载此版本

新增titleHeight 顶部固定头

1.0.6（2020-08-11） 下载此版本

更新组件，刚忘记更新了

1.0.5（2020-08-11） 下载此版本

兼容APP的map全屏（IOS还未测试）。 新增几个参数。 入口文件不需要配置了。

平台兼容性

前端小白，有问题欢迎指出。

示例运行：

需要安装依赖 yarn install / cnpm install

传参：

top 在顶部时，定位距离顶部高度（Number）默认 240

bottom 在底部时，定位距离顶部高度（Number）默认 500

left 左侧距离（Number） 默认 20

titleHeight 固定在顶部的title slot=“title”

showBox 是不是需要展示蒙层 默认 false 仅支持h5

opacityMax 蒙层透明度（Number） 仅支持h5

duration 蒙层执行动画时长（Number） 仅支持h5

插件使用方法

<touch-slide>
    ...内容
</touch-slide>
import touchSlide from '@/components/touch-slide/touch-slide.vue'

事件

滑动结束回调

@callback=callback(this)

展开/收起

// direction 为 toTop（展开） / toBoottom（收起）
this.$refs[data].btnClick(direction)

注意： bottom 一定要大于 top，否则会出现问题。