@polyv/interactions-launch-sdk-ui-default

0.7.0 • Public • Published

互动功能发起端 UI 组件

概述

本项目是保利威直播互动功能发起端(开播端及管理端等)的 UI 组件,基于 Vue.js 2.6.x 编写,开发人员可以直接使用本组件或基于本组件进行二次开发。

如果您使用的是 React、Angular 等其他框架,可以参照本组件源代码SDK 文档自行实现对应的界面。

注意,部分功能在 UI 设计稿中是以模态框(Modal)形式呈现的,但本组件仅提供主体内容部分,请自行实现外层模态框(或以其他形式展现),并根据对应组件的事件去控制可见性。

使用文档

安装

npm i @polyv/interactions-launch-sdk @polyv/interactions-launch-sdk-ui-default

引入 SDK 与组件

// 引入 @polyv/interactions-launch-sdk
import * as InteractionsLaunchSDK from '@polyv/interactions-launch-sdk';
// 按需引入组件
import CheckIn from '@polyv/interactions-launch-sdk-ui-default/lib/CheckIn';
import AnswerCard from '@polyv/interactions-launch-sdk-ui-default/lib/AnswerCard';
import Timer from '@polyv/interactions-launch-sdk-ui-default/lib/Timer';

引入其他依赖

互动功能发起端 UI 组件依赖于 Element UI (2.x) 的部分组件,可以选择完整引入或按需引入 Element UI

以下是按需引入时需要在 main.js 中增加的内容:

// 使用签到组件、抽奖组件时,需要额外引入 element-ui 的 DatePicker 组件。
import { DatePicker } from 'element-ui';
// 使用抽奖组件时,需要额外引入 element-ui 的 button 样式文件。
import 'element-ui/lib/theme-chalk/button.css';

// 注册组件
Vue.use(DatePicker);

配置 SDK

请参考互动功能接收端 SDK中的「使用说明」。

在 SDK 初始化完毕后,再加载组件。

组件

此处仅提供各功能参考文档链接。

版本更新

暂无

Package Sidebar

Install

npm i @polyv/interactions-launch-sdk-ui-default

Weekly Downloads

7

Version

0.7.0

License

none

Unpacked Size

35.3 MB

Total Files

62

Last publish

Collaborators

  • easefun-ci
  • easefun
  • heeroluo