TvPopup 弹出层 TV
该方法或组件支持轻应用调用

弹出层容器，用于展示弹窗、信息提示等内容。

引入方式

数字生活小程序工程-TV模板，不需要 import，直接使用组件标签即可。

import { TvPopup } from '@21cnfe/tv-vui'
Vue.component('TvPopup', TvPopup)

代码演示

<tv-chunk>
    <tv-card @click="isShowPopup = true">弹出层</tv-card>
</tv-chunk>
<tv-popup 
        v-model="isShowPopup" 
        class="popup-container" 
        :lastFocusElement="popupLastFocusElement" 
        position="bottom">
    <div class="title">视频列表</div>
    <div class="list">
        <tv-card v-for="item in list" :key="item.id" @click="closePopup">
            视频{{ item.title }}
        </tv-card>
    </div>
</tv-popup>

API

属性	说明	类型	默认值
`position`	弹出位置（可选值：left、right、top、bottom）；默认为空，即中间弹出	String	‘’
`defaultFocusCardIndex`	设置弹出层弹出时，默认焦点下标	Object	null
`lastFocusElement`	设置关闭弹出层后，焦点转移元素	Object	null

Events

事件名称	说明	回调参数
`close`	弹出层关闭时回调	`--`

1. TvPopup 弹出层 TV 该方法或组件支持轻应用调用

TvPopup 弹出层 TV 该方法或组件支持轻应用调用

引入方式

代码演示

API

Events

TvPopup 弹出层 TV
该方法或组件支持轻应用调用