更新记录

1.0.7（2021-09-15）

文档更新

1.0.6（2021-09-15）

文档更新。

1.0.5（2021-09-15）

修改文档。

查看更多

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × √ × × × ×

交互视频组件

组件名：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>

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论

暂无用户评论。

插件问答 我要提问

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

加载更多...