CatIsol-UI

Appearance

链接 ​

链接类型 ​

Primary LinkSuccess LinkWarning LinkDanger LinkInfo Link
展开查看
vue
<template>
    <div>
       <CLink href="#" type="primary" color="blue">Primary Link</CLink>
       <CLink href="#" type="success" color="green">Success Link</CLink>
       <CLink href="#" type="warning" color="yellow">Warning Link</CLink>
       <CLink href="#" type="danger" color="red">Danger Link</CLink>
       <CLink href="#" type="info" color="gray">Info Link</CLink>
    </div>
</template>

禁用状态 ​

Primary LinkSuccess LinkWarning LinkDanger LinkInfo Link
展开查看
vue
<template>
    <div>
       <CLink  disabled href="#" class="primary" color="blue">Primary Link</CLink>
       <CLink  disabled href="#" type="success" color="green">Success Link</CLink>
       <CLink  disabled href="#" type="warning" color="yellow">Warning Link</CLink>
       <CLink  disabled href="#" type="danger" color="red">Danger Link</CLink>
       <CLink  disabled href="#" type="info" color="gray">Info Link</CLink>
    </div>
</template>