VPBanner

Banner 组件，用于展示 banner。

案例

Mr.Hope

Where there is light, there is hope

访问仓库

基础横幅

<VPBanner
  title="Mr.Hope"
  content="Where there is light, there is hope"
  logo="https://mister-hope.com/logo.svg"
  :actions='[
    {
      text: "访问",
      link:"https://mister-hope.com",
    },
    {
      text: "仓库",
      link: "https://github/Mister-Hope/Mister-Hope.github.io",
      type: "default",
    },
  ]'
/>

选项

title必填string

横幅标题。

contentstring

横幅内容。

logostring

横幅图标。

actionsBannerAction[]

横幅操作。

actions[*].text必填string

操作的文字。

actions[*].link必填string

操作的链接。

actions[*].type"primary" | "default"

默认值"primary"

操作的类型。

backgroundstring

横幅背景。

colorstring

横幅字体颜色。

提示

为了让背景和字体颜色能自动适配夜间模式，你可以传入 css variable，如: var(--my-bg)。