组件 ​

<template>
  <div class="flex flex-wrap gap-2">
    <u-btn>default</u-btn>
    <u-btn theme="primary">primary</u-btn>
    <u-btn theme="accent">accent</u-btn>
    <u-btn theme="success">success</u-btn>
    <u-btn theme="warn">warn</u-btn>
    <u-btn theme="error">error</u-btn>
  </div>
  <div class="flex flex-wrap gap-2 mt-2">
    <u-btn appear="outlined">default</u-btn>
    <u-btn theme="primary" appear="outlined">primary</u-btn>
    <u-btn theme="accent" appear="outlined">accent</u-btn>
    <u-btn theme="success" appear="outlined">success</u-btn>
    <u-btn theme="warn" appear="outlined">warn</u-btn>
    <u-btn theme="error" appear="outlined">error</u-btn>
  </div>
  <div class="flex flex-wrap gap-2 mt-2">
    <u-btn appear="text">default</u-btn>
    <u-btn theme="primary" appear="text">primary</u-btn>
    <u-btn theme="accent" appear="text">accent</u-btn>
    <u-btn theme="success" appear="text">success</u-btn>
    <u-btn theme="warn" appear="text">warn</u-btn>
    <u-btn theme="error" appear="text">error</u-btn>
  </div>
</template>