实时体育数据 数据来源：西瓜体育

⚽ 足球实时 (0)

主队比分客队联赛时间(北京)
近期暂无比赛，请稍后再来查看。
更新于 2026-06-21 20:37（北京时间）
西瓜体育
  • 实时预览
  • |
立即购买

团队

西瓜体育：汇聚体育精英，打造直播盛宴

西瓜体育组件

樣式 1

Style 1 - 西瓜体育
William Smith

CEO, Co-founder at Company Ltd.

Style 1 - 西瓜体育
Amanda Gallaher

Chief of Marketing at Company Ltd.

<!-- Team Style 1: Left aligned + rounded picture + solid socials -->
<div class="text-start">
  <img src="path-to-image" class="d-inline-block rounded mb-3" width="96" alt="William Smith">
  <h6 class="pt-1 mb-1">William Smith</h6>
  <p class="fs-sm text-muted">CEO, Co-founder at Company Ltd.</p>
  <a href="#" class="btn-social bs-facebook bs-sm">
    <i class="ci-facebook"></i>
  </a>
  <a href="#" class="btn-social bs-twitter bs-sm">
    <i class="ci-twitter"></i>
  </a>
  <a href="#" class="btn-social bs-linkedin bs-sm">
    <i class="ci-linkedin"></i>
  </a>
  <a href="#" class="btn-social bs-google bs-sm">
    <i class="ci-google"></i>
  </a>
</div>

<!-- Team Style 1: Center aligned + round picture + outline socials -->
<div class="text-center">
  <img src="path-to-image" class="d-inline-block rounded-circle mb-3" width="96" alt="Amanda Gallaher">
  <h6 class="pt-1 mb-1">Amanda Gallaher</h6>
  <p class="fs-sm text-muted">Chief of Marketing at Company Ltd.</p>
  <a href="#" class="btn-social bs-twitter bs-outline bs-sm">
    <i class="ci-twitter"></i>
  </a>
  <a href="#" class="btn-social bs-messenger bs-outline bs-sm">
    <i class="ci-messenger"></i>
  </a>
  <a href="#" class="btn-social bs-pinterest bs-outline bs-sm">
    <i class="ci-pinterest"></i>
  </a>
  <a href="#" class="btn-social bs-linkedin bs-outline bs-sm">
    <i class="ci-linkedin"></i>
  </a>
</div>
// Team Style 1: Left aligned + rounded picture + solid socials
.text-start
  img(src="path-to-image", width="96", alt="William Smith").d-inline-block.rounded.mb-3
  h6.pt-1.mb-1 William Smith
  p.fs-sm.text-muted CEO, Co-founder at Company Ltd.
  a(href="#").btn-social.bs-facebook.bs-sm.me-2.mb-2
    i.ci-facebook
  a(href="#").btn-social.bs-twitter.bs-sm.me-2.mb-2
    i.ci-twitter
  a(href="#").btn-social.bs-linkedin.bs-sm.me-2.mb-2
    i.ci-linkedin
  a(href="#").btn-social.bs-google.bs-sm.me-2.mb-2
    i.ci-google

// Team Style 1: Center aligned + round picture + outline socials
.text-center
  img(src="path-to-image", width="96", alt="Amanda Gallaher").d-inline-block.rounded-circle.mb-3
  h6.pt-1.mb-1 Amanda Gallaher
  p.fs-sm.text-muted Chief of Marketing at Company Ltd.
  a(href="#").btn-social.bs-twitter.bs-outline.bs-sm.me-2.mb-2
    i.ci-twitter
  a(href="#").btn-social.bs-messenger.bs-outline.bs-sm.me-2.mb-2
    i.ci-messenger
  a(href="#").btn-social.bs-pinterest.bs-outline.bs-sm.me-2.mb-2
    i.ci-pinterest
  a(href="#").btn-social.bs-linkedin.bs-outline.bs-sm.me-2.mb-2
    i.ci-linkedin

水平佈局

Horizontal layout - 西瓜体育
Jonathan Doe

精选海量赛事，一网打尽内容，西瓜体育与你一同发现更多精彩。

Barbara Palson

西瓜体育专注高清直播，身临其境，为用户提供专业可靠的体验。

Horizontal layout - 西瓜体育 
<!-- Horizontal layout: Picture on the left + rounded picture + solid round socials -->
<div class="d-flex align-items-start">
  <img class="d-inline-block rounded" width="96" src="path-to-image" alt="Jonathan Doe"/>
  <div class="ps-3">
    <h6 class="pt-1 mb-1">Jonathan Doe</h6>
    <p class="fs-sm text-muted">CEO, Co-founder at Company Ltd.</p>
    <a class="btn-social bs-facebook rounded-circle bs-sm me-2 mb-2" href="#">
      <i class="ci-facebook"></i>
    </a>
    <a class="btn-social bs-twitter rounded-circle bs-sm me-2 mb-2" href="#">
      <i class="ci-twitter"></i>
    </a>
    <a class="btn-social bs-linkedin rounded-circle bs-sm me-2 mb-2" href="#">
      <i class="ci-linkedin"></i>
    </a>
    <a class="btn-social bs-google rounded-circle bs-sm me-2 mb-2" href="#">
      <i class="ci-google"></i>
    </a>
  </div>
</div>

<!-- Horizontal layout: Picture on the right + round picture + outline round socials -->
<div class="d-flex align-items-start">
  <div class="text-end pe-3">
    <h6 class="pt-1 mb-1">Barbara Palson</h6>
    <p class="fs-sm text-muted">Chief of Marketing at Company Ltd.</p>
    <a class="btn-social bs-twitter bs-outline rounded-circle bs-sm me-2 mb-2" href="#">
      <i class="ci-twitter"></i>
    </a>
    <a class="btn-social bs-messenger bs-outline rounded-circle bs-sm me-2 mb-2" href="#">
      <i class="ci-messenger"></i>
    </a>
    <a class="btn-social bs-pinterest bs-outline rounded-circle bs-sm me-2 mb-2" href="#">
      <i class="ci-pinterest"></i>
    </a>
    <a class="btn-social bs-linkedin bs-outline rounded-circle bs-sm me-2 mb-2" href="#">
      <i class="ci-linkedin"></i>
    </a>
  </div>
  <img class="d-inline-block rounded-circle" width="96" src="path-to-image" alt="Barbara Palson"/>
</div>
// Horizontal layout: Picture on the left + rounded picture + solid round socials
.d-flex.align-items-start
  img(src="path-to-image", width="96", alt="Jonathan Doe").d-inline-block.rounded
  .ps-3
    h6.pt-1.mb-1 Jonathan Doe
    p.fs-sm.text-muted CEO, Co-founder at Company Ltd.
    a(href="#").btn-social.bs-facebook.rounded-circle.bs-sm.me-2.mb-2
      i.ci-facebook
    a(href="#").btn-social.bs-twitter.rounded-circle.bs-sm.me-2.mb-2
      i.ci-twitter
    a(href="#").btn-social.bs-linkedin.rounded-circle.bs-sm.me-2.mb-2
      i.ci-linkedin
    a(href="#").btn-social.bs-google.rounded-circle.bs-sm.me-2.mb-2
      i.ci-google

// Horizontal layout: Picture on the right + round picture + outline round socials
.d-flex.align-items-start
  .text-end.pe-3
    h6.pt-1.mb-1 Barbara Palson
    p.fs-sm.text-muted Chief of Marketing at Company Ltd.
    a(href="#").btn-social.bs-twitter.bs-outline.rounded-circle.bs-sm.me-2.mb-2
      i.ci-twitter
    a(href="#").btn-social.bs-messenger.bs-outline.rounded-circle.bs-sm.me-2.mb-2
      i.ci-messenger
    a(href="#").btn-social.bs-pinterest.bs-outline.rounded-circle.bs-sm.me-2.mb-2
      i.ci-pinterest
    a(href="#").btn-social.bs-linkedin.bs-outline.rounded-circle.bs-sm.me-2.mb-2
      i.ci-linkedin
  img(src="path-to-image", width="96", alt="Barbara Palson").d-inline-block.rounded-circle

樣式 2 (卡片內)

Style 2 (inside card) - 西瓜体育
Benjamin Miller

Lead Accountant at Company Ltd.

Style 2 (inside card) - 西瓜体育
Richard Williams

Financial Director at Company Ltd.

<!-- Card border: Rounded picture + solid socials -->
<div class="card text-center">
  <div class="card-body">
    <img class="d-inline-block rounded mb-3" width="96" src="path-to-image" alt="Benjamin Miller"/>
    <h6 class="pt-1 mb-1">Benjamin Miller</h6>
    <p class="fs-sm text-muted">Lead Accountant at Company Ltd.</p>
    <ul class="fs-sm list-unstyled mb-4">
      <li class="mb-0">
        <i class="ci-phone me-2"></i>
        <a class="nav-link-style" href="tel:00331697720">00 33 169 7720</a>
      </li>
      <li class="mb-0">
        <i class="ci-mail me-2"></i>
        <a class="nav-link-style" href="mailto:service@xiguazhibo.com.cn">service@xiguazhibo.com.cn</a>
      </li>
    </ul>
    <a class="btn-social bs-facebook bs-sm me-2 mb-2" href="#">
      <i class="ci-facebook"></i>
    </a>
    <a class="btn-social bs-twitter bs-sm me-2 mb-2" href="#">
      <i class="ci-twitter"></i>
    </a>
    <a class="btn-social bs-linkedin bs-sm me-2 mb-2" href="#">
      <i class="ci-linkedin"></i>
    </a>
    <a class="btn-social bs-google bs-sm me-2 mb-2" href="#">
      <i class="ci-google"></i>
    </a>
  </div>
</div>

<!-- Card shadow: Round picture + outline socials -->
<div class="card text-center border-0 shadow">
  <div class="card-body">
    <img class="d-inline-block rounded-circle mb-3" width="96" src="path-to-image" alt="Richard Williams"/>
    <h6 class="pt-1 mb-1">Richard Williams</h6>
    <p class="fs-sm text-muted">Financial Director at Company Ltd.</p>
    <ul class="fs-sm list-unstyled mb-4">
      <li class="mb-0">
        <i class="ci-phone me-2"></i>
        <a class="nav-link-style" href="tel:00331697720">00 33 169 7720</a>
      </li>
      <li class="mb-0">
        <i class="ci-mail me-2"></i>
        <a class="nav-link-style" href="mailto:service@xiguazhibo.com.cn">service@xiguazhibo.com.cn</a>
      </li>
    </ul>
    <a class="btn-social bs-twitter bs-outline bs-sm me-2 mb-2" href="#">
      <i class="ci-twitter"></i>
    </a>
    <a class="btn-social bs-messenger bs-outline bs-sm me-2 mb-2" href="#">
      <i class="ci-messenger"></i>
    </a>
    <a class="btn-social bs-pinterest bs-outline bs-sm me-2 mb-2" href="#">
      <i class="ci-pinterest"></i>
    </a>
    <a class="btn-social bs-linkedin bs-outline bs-sm me-2 mb-2" href="#">
      <i class="ci-linkedin"></i>
    </a>
  </div>
</div>
// Card border: Rounded picture + solid socials
.card.text-center
  .card-body
    img(src="path-to-image", width="96", alt="Benjamin Miller").d-inline-block.rounded.mb-3
    h6.pt-1.mb-1 Benjamin Miller
    p.fs-sm.text-muted Lead Accountant at Company Ltd.
    ul.fs-sm.list-unstyled.mb-4
      li.mb-0
        i.ci-phone.me-2
        a(href="tel:00331697720").nav-link-style 00 33 169 7720
      li.mb-0
        i.ci-mail.me-2
        a(href="mailto:service@xiguazhibo.com.cn").nav-link-style service@xiguazhibo.com.cn
    a(href="#").btn-social.bs-facebook.bs-sm.me-2.mb-2
      i.ci-facebook
    a(href="#").btn-social.bs-twitter.bs-sm.me-2.mb-2
      i.ci-twitter
    a(href="#").btn-social.bs-linkedin.bs-sm.me-2.mb-2
      i.ci-linkedin
    a(href="#").btn-social.bs-google.bs-sm.me-2.mb-2
      i.ci-google

// Card shadow: Round picture + outline socials
.card.text-center.border-0.shadow
  .card-body
    img(src="path-to-image", width="96", alt="Richard Williams").d-inline-block.rounded-circle.mb-3
    h6.pt-1.mb-1 Richard Williams
    p.fs-sm.text-muted Financial Director at Company Ltd.
    ul.fs-sm.list-unstyled.mb-4
      li.mb-0
        i.ci-phone.me-2
        a(href="tel:00331697720").nav-link-style 00 33 169 7720
      li.mb-0
        i.ci-mail.me-2
        a(href="mailto:service@xiguazhibo.com.cn").nav-link-style service@xiguazhibo.com.cn
    a(href="#").btn-social.bs-twitter.bs-outline.bs-sm.me-2.mb-2
      i.ci-twitter
    a(href="#").btn-social.bs-messenger.bs-outline.bs-sm.me-2.mb-2
      i.ci-messenger
    a(href="#").btn-social.bs-pinterest.bs-outline.bs-sm.me-2.mb-2
      i.ci-pinterest
    a(href="#").btn-social.bs-linkedin.bs-outline.bs-sm.me-2.mb-2
      i.ci-linkedin
顶部
粤ICP备202434096647号
西瓜体育科技有限公司为全球体育爱好者提供最全面、最流畅、最清晰的赛事直播与资讯服务。电话：+86 150 5184 1496邮箱：service@xiguazhibo.com.cn微信：xiguazhibo_641营业时间：7×24上海市浦东新区张江路27号