Press Next

# GpSkeleton 骨架屏

# 引入

import IndexBanner from 'src/packages/press-gp-skeleton/index-match/banner.vue';
import IndexMatchList from 'src/packages/press-gp-skeleton/index-match/match-list.vue';

import MatchDetailBanner from 'src/packages/press-gp-skeleton/match-detail/banner.vue';
import MatchDetailCard from 'src/packages/press-gp-skeleton/match-detail/card.vue';
import MatchDetailMeta from 'src/packages/press-gp-skeleton/match-detail/meta.vue';
import MatchDetailTabs from 'src/packages/press-gp-skeleton/match-detail/tabs.vue';

# 代码演示

# 基础用法

<template>
  <div class="demo-wrap">
    <DemoBlock title="index-match/banner" />
    <IndexBanner />
    <IndexBanner :from-match-list="true" />

    <DemoBlock title="index-match/match-list" />
    <IndexMatchList :number="2" />

    <IndexMatchList
      :number="3"
      :from-match-list="true"
    />

    <DemoBlock title="match-detail/banner" />

    <div class="fake-wrap">
      <MatchDetailBanner />
    </div>

    <DemoBlock title="match-detail/meta" />
    <div class="gap" />
    <MatchDetailMeta />

    <DemoBlock title="match-detail/tabs" />
    <MatchDetailTabs />

    <DemoBlock title="match-detail/card" />
    <MatchDetailCard />
  </div>
</template>

# API

# Props

index-match/match-list

参数 说明 类型 默认值
number 显示条目个数 number 1
from-match-list 是否来自于赛点列表 boolean false
横屏

← GpTitle →