更新记录

1.0.7(2021-09-15)

文档更新

1.0.6(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协议

暂无用户评论。

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