# ScheduleMatchMode 匹配赛程

# 引入

import PressScheduleMatchMode from '@tencent/press-plus/press-schedule-match-mode/press-schedule-match-mode';

export default {
  components: {
    PressScheduleMatchMode,
  }
}

# 代码演示

# 基础用法

<PressScheMatchMode
  :all-sche-list="allScheList"
  :is-admin="isAdmin"
  :my-sche-list="myScheList"
  @onJumpToSetPage="onJumpToSetPage"
  @onClickScheId="onClickScheId"
/>
export default {
  data() {
    return {
      allScheList: [],
      myScheList: [],
      isAdmin: true,
    }
  },
  methods: {
    onClickScheId() {},
    onJumpToSetPage() {},
  }
  
}

# API

# Props

参数 说明 类型 默认值
list-view-mode 是否为列表视图 boolean false
is-admin 是否为管理员 boolean false
is-preview 是否为预览阶段 number 0
my-team-id 我的队伍id string -
sche-sub-status-map 已订阅的赛程映射关系 object -
all-sche-list 全部赛程 array -
my-sche-list 我的赛程 array -
loading 赛程是否为加载中 boolean false
can-show-order-button 是否可以显示订阅按钮 boolean false

# Events

事件名称 说明 回调参数
clickRoundTab 点击轮次tab round.round_type, round
clickSche 点击赛程组 schId, scheGroup, schePair
clickVideoIcon 点击视频小图标 schId, scheGroup, schePair
clickScheItem 点击列表赛程 schId,scheGroup,schePair
clickScheItemButton 点击列表赛程中间按钮 { schId,scheGroup,schePair, middleButtonStatus, middleButtonStatusMap }
scrollToLower 滚动到底时触发 -

# 类型说明

allScheList 的数据结构比 press-schedule-treescheList 多了一层数组。

[[[ { battleList: [] } ]]]
横屏