更新记录

1.0.0(2020-04-19) 下载此版本

v1.0.0 手势监听动作功能


平台兼容性

  1. 将组件放到项目components目录下

  2. 引用组件import Gesture from '@/components/gesture/gesture'

  3. 在需要使用的地方应用

    <view>
     <gesture @slideLeft="slideLeft" @slideRight="slideRight">
       <live-player
                    :src="liveUrl"
                    autoplay
                    object-fit="fillCrop"
                    @statechange="statechange"
                    @error="error"
                    :style="playerWindowSize"
                    />
     </gesture>
    </view>
  4. 在最外层套一个限定监听手势范围的div,设定其监听的屏幕范围

  5. 监听gesture组件提交的事件,暂时支持slideUpslideDownslideRightslideLeft方向,其他的方向监听,只需要在touchEnd事件里判断手势类型然后emit对应事件就行了,后面更新

    slideLeft() {
     console.log('左滑===>下一页')
    },
     slideRight() {
       console.log('右滑===>上一页')
       this.currentSwiperItemId = 'stage-main';
     },

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问