# ScheduleList 赛程列表
# 引入
import PressScheduleList from '@tencent/press-plus/press-schedule-list/press-schedule-list';
export default {
components: {
PressScheduleList,
}
}
# 代码演示
# 基础用法
<ScheduleItem
:sche-info="scheInfo"
:is-admin="isAdmin"
:is-preview="isPreview"
/>
import ScheduleItem from '@tencent/press-plus/press-schedule-list/press-schedule-item.vue';
export default {
components: {
ScheduleItem,
},
data() {
return {
scheInfo: {},
isAdmin: false,
isPreview: 0,
}
},
methods: {
},
};
# API
# ScheduleItem Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
sche-info | 赛程信息,与赛程树中的schePair 相同 | object | - |
selected | 是否选中 | boolean | false |
is-admin | 是否为管理员 | boolean | false |
is-preview | 是否为预览阶段,0 不是, 1 普通预览,2 预览,且自定义了赛程 | number | 0 |
my-team-id | 我的队伍id | string | - |
sche-sub-status-map | 已订阅的赛程uni-id 对象,判断是否已订阅 | object | - |
can-show-order-button | 是否可以显示订阅按钮,可根据环境设置 | boolean | true |
# ScheduleItem Events
事件名称 | 说明 | 回调参数 |
---|---|---|
clickScheItem | 点击赛程 | schId,scheGroup,schePair |
clickScheItemButton | 点击赛程中间按钮 | { schId,scheGroup,schePair, middleButtonStatus, middleButtonStatusMap } |