yudao-ui-admin-uniapp/docs/.vitepress/theme/components/HomeStar.vue

<template>
  <p class="home-star">
    <a href="https://github.com/codercup/unibest">
      <img
        alt="GitHub Repo stars"
        src="https://img.shields.io/github/stars/codercup/unibest?logo=github&color=%234d80f0&link=https%3A%2F%2Fgithub.com%2Fcodercup%2Funibest"
      />
    </a>
    <a href="https://github.com/feige996/unibest">
      <img
        alt="GitHub Repo stars"
        src="https://img.shields.io/github/stars/feige996/unibest?logo=github&color=%234d80f0&link=https%3A%2F%2Fgithub.com%2Ffeige996%2Funibest"
      />
    </a>

    <a href="https://gitee.com/codercup/unibest/stargazers">
      <img src="https://gitee.com/codercup/unibest/badge/star.svg?theme=gray" alt="star" />
    </a>

    <!-- <a href="https://gitee.com/feige996/unibest/stargazers">
      <img src="https://gitee.com/feige996/unibest/badge/star.svg?theme=gray" alt="star" />
    </a> -->

    <a href="https://github.com/feige996/unibest">
      <img alt="GitHub" src="https://img.shields.io/github/license/feige996/unibest?logo=github" />
    </a>

    <a href="https://www.npmjs.com/package/create-unibest">
      <img
        alt="npm"
        src="https://img.shields.io/npm/dw/create-unibest?logo=npm&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcreate-unibest"
      />
    </a>

    <!-- <a href="https://www.npmjs.com/package/create-unibest">
      <img src="https://img.shields.io/npm/dt/create-unibest?style=flat-square" />
    </a> -->
  </p>
</template>

<style>
.home-star {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding-top: 24px;
}
</style>