链接 Link #

<template>
  <div class="box">
    <sb-link title="这是一个打开我们git的链接" href="https://github.com/aiai0603" target="_blank"> link </sb-link>
  </div>
</template>

<template>
  <div class="box">
    <sb-link>default</sb-link>
    <sb-link type="warning"> warning </sb-link>
    <sb-link type="success"> success </sb-link>
    <sb-link type="error"> error </sb-link>
    <sb-link type="secondary"> secondary </sb-link>
  </div>
</template>


<style scoped>
.box > *:not(:first-child) {
  margin-left: 10px;
}
</style>

<template>
  <div class="box">
    <sb-link underline>default</sb-link>
    <sb-link type="warning" underline> warning </sb-link>
    <sb-link type="success" underline> success </sb-link>
    <sb-link type="error" underline> error </sb-link>
    <sb-link type="secondary" underline> secondary </sb-link>
  </div>
</template>

<style scoped>
.box > *:not(:first-child) {
  margin-left: 10px;
}
</style>

<template>
  <div class="box">
    <sb-link disabled>default</sb-link>
    <sb-link type="warning" disabled> warning </sb-link>
    <sb-link type="success" disabled> success </sb-link>
    <sb-link type="error" disabled> error </sb-link>
    <sb-link type="secondary" disabled> secondary </sb-link>
  </div>
</template>

<style scoped>
.box > *:not(:first-child) {
  margin-left: 10px;
}
</style>