JSPM

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

0.8.2-rc-20221117.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q90833F

Default UI components to launch Polyv live interactions

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@polyv/interactions-launch-sdk-ui-default) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    互动功能发起端 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 初始化完毕后,再加载组件。

    组件

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

    版本更新

    暂无