Common - 常见组件

Demo

更新日期

2026-09-25 UTC

common/demo.vue

云乐坊

云乐坊

<template>
  <div class="flex flex-wrap items-center gap-8">
    <YlfLogo />
    <YlfLogo layout="horizontal" size="sm" />
    <a href="https://www.yunle.fun/" aria-label="云乐坊首页">
      <YlfLogo size="sm" :wordmark="false" />
    </a>
  </div>
</template>

品牌标志

YlfLogo 使用云乐坊主站的正式标志，默认晴空蓝，随明暗主题切换。云朵作为品牌装饰，与正式标志区分。使用方式见品牌与界面。

属性	可选值	默认值
size	sm / md / lg	md
layout	vertical / horizontal	vertical
wordmark	boolean	true