四.Link

前言

组件默认使用 Flex 布局，不需要手动设置 type="flex"。

请注意父容器避免使用 inline 相关样式，会导致组件宽度不能撑满。

默认按钮

<template>
  <div>
    <web-link href="https://webement-plus.org" target="_blank">default</web-link>
    <web-link type="primary">primary</web-link>
    <web-link type="success">success</web-link>
    <web-link type="warning">warning</web-link>
    <web-link type="danger">danger</web-link>
    <web-link type="info">info</web-link>
  </div>
</template>

<style scoped>
.web-link {
  margin-right: 8px;
}

.web-link .web-icon--right.web-icon {
  vertical-align: text-bottom;
}
</style>