更新记录

1.0.7（2021-09-15）下载此版本

文档更新

1.0.6（2021-09-15）下载此版本

文档更新。

1.0.5（2021-09-15）下载此版本

修改文档。

平台兼容性

uni-app

Vue2	Vue3	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
√	-	-	-	-	-	-	-	-

微信小程序	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	快应用-华为	快应用-联盟
-	-	-	-	-	-	-	-	-	-	-

其他

多语言	暗黑模式	宽屏模式
×	×	√

交互视频组件

组件名：loneyclown-fq-video-play

安装使用

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

属性

props

支持所有uni.vedio的props

Name	Description	Type	Required	Default
srcDatas	视频数据	SrcDatas	true	[]

props.srcDatas

Name	Description	Type	Required	Default
id	主键	Number \| String	true
isTop	是否为顶层节点	Boolean	false
title	问题标题	String	false
links	链接数据	Array	false	[]
rowSpan	布局系数，一行显示多少个按钮，目前可配置1，3	Number	true	3
url	视频地址	String	true
poster	视频播放结束后的图片地址	String	true

props.srcDatas.links

Name	Description	Type	Required	Default
text	按钮文案	String	true
linkId	需要跳转的视频id	Number \| String	true

Demo

<template>
    <view class="content">
        <view>
            <loneyclown-fq-video-play :srcDatas="srcDatas" />
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                srcDatas: [{
                    id: '1',
                    isTop: true,
                    title: '电话铃响',
                    links: [{
                            linkId: '1-1',
                            text: '15秒内接听'
                        },
                        {
                            linkId: '1-2',
                            text: '30秒内接听'
                        },
                        {
                            linkId: '1-3',
                            text: '未接听'
                        },
                    ],
                    rowSpan: 3,
                    url: 'http://192.168.31.90:8088/id01.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '1-1',
                    links: [],
                    nextId: '2',
                    url: 'http://192.168.31.90:8088/id01_1.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '1-2',
                    links: [],
                    nextId: '2',
                    url: 'http://192.168.31.90:8088/id01_2.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '1-3',
                    links: [],
                    nextId: '2',
                    url: 'http://192.168.31.90:8088/id01_3.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '2',
                    title: '你会选择主动询问以下哪些客户信息？',
                    links: [{
                            linkId: '2-1',
                            text: '不询问'
                        },
                        {
                            linkId: '2-2',
                            text: '简短询问客户的购房需求（面积、户型、预算等）'
                        },
                        {
                            linkId: '2-3',
                            text: '主动询问客户居住区域等个人信息'
                        },
                        {
                            linkId: '2-4',
                            text: '主动询问了客户获知项目的途径（广告？推荐？)'
                        },
                    ],
                    rowSpan: 1,
                    url: 'http://192.168.31.90:8088/id02.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '2-1',
                    links: [],
                    nextId: '3',
                    url: 'http://192.168.31.90:8088/id02_1.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '2-2',
                    links: [],
                    nextId: '3',
                    url: 'http://192.168.31.90:8088/id02_2.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '2-3',
                    links: [],
                    nextId: '3',
                    url: 'http://192.168.31.90:8088/id02_3.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '2-4',
                    links: [],
                    nextId: '3',
                    url: 'http://192.168.31.90:8088/id02_4.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '3',
                    title: '',
                    links: [{
                            linkId: '3-1',
                            text: '好的，等你有空你来看看。——“当遭到婉拒来访时，还是要进一步争取”'
                        },
                        {
                            linkId: '3-2',
                            text: '您可以过来看一下，这样可以更加直观的了解我们的项目，小区周边配套设施非常完善。'
                        },
                        {
                            linkId: '3-3',
                            text: '周末现场还有小活动，周末带家人来当放松一下也很好玩哦（针对不同的客户可以用不同的话术）'
                        },
                        {
                            linkId: '3-4',
                            text: '现在客户来访比较多，你喜欢的3房特别紧俏，还是尽快来看看。'
                        },
                    ],
                    url: 'http://192.168.31.90:8088/id03.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '3-1',
                    links: [],
                    nextId: '4',
                    url: 'http://192.168.31.90:8088/id03_1.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '3-2',
                    links: [],
                    nextId: '4',
                    url: 'http://192.168.31.90:8088/id03_2.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '3-3',
                    links: [],
                    nextId: '4',
                    url: 'http://192.168.31.90:8088/id03_3.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '3-4',
                    links: [],
                    nextId: '4',
                    url: 'http://192.168.31.90:8088/id03_4.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '4',
                    title: '挂断电话后你会做什么？',
                    links: [{
                            linkId: '4-1',
                            text: '继续接听其他电话”'
                        },
                        {
                            linkId: '4-2',
                            text: '将客户信息保密保存，当天录入销售系统'
                        },
                        {
                            linkId: '4-3',
                            text: '在挂断电话10分钟内，发送来访路线短信，来访前一天再发确认短信'
                        },
                    ],
                    url: 'http://192.168.31.90:8088/id04.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '4-1',
                    links: [],
                    nextId: null,
                    url: 'http://192.168.31.90:8088/id04_1.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '4-2',
                    links: [],
                    nextId: null,
                    url: 'http://192.168.31.90:8088/id04_2.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }, {
                    id: '4-3',
                    links: [],
                    nextId: null,
                    url: 'http://192.168.31.90:8088/id04_3.mp4',
                    poster: 'http://192.168.31.90:8088/bg1.jpg'
                }],
            };
        },
        onLoad() {},
        methods: {},
    };
</script>

<style>
</style>

loneyclown-fq-video-play loneyclown-fq-video-play

更新记录

1.0.7（2021-09-15）下载此版本

1.0.6（2021-09-15）下载此版本

1.0.5（2021-09-15）下载此版本

平台兼容性

uni-app

其他

交互视频组件

安装使用

属性

props

props.srcDatas

props.srcDatas.links

Demo

隐私、权限声明

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

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

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

许可协议

MIT协议

loneyclown-fq-video-play

loneyclown-fq-video-play loneyclown-fq-video-play

更新记录

1.0.7（2021-09-15） 下载此版本

1.0.6（2021-09-15） 下载此版本

1.0.5（2021-09-15） 下载此版本

平台兼容性

uni-app

其他

交互视频组件

安装使用

属性

props

props.srcDatas

props.srcDatas.links

Demo

隐私、权限声明

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

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

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

许可协议

MIT协议

loneyclown-fq-video-play

Modal title

1.0.7（2021-09-15）下载此版本

1.0.6（2021-09-15）下载此版本

1.0.5（2021-09-15）下载此版本