链接 link

使用link组件,引入超链接

使用说明

简单引入

展开代码
<vi-link href="https://github.com/AyuShiQi/viog-ui">去往github</vi-link>

颜色

通过修改color属性定义不同的link颜色

展开代码
<vi-link>链接</vi-link>
<vi-link color="purple">链接</vi-link>
<vi-link color="red">链接</vi-link>
<vi-link color="pink">链接</vi-link>
<vi-link color="green">链接</vi-link>
<vi-link color="yellow">链接</vi-link>
<vi-link color="blue">链接</vi-link>
<vi-link color="dark">链接</vi-link>

尺寸

有三种尺寸的链接使用,通过size属性定义

展开代码
<vi-link size="big">链接</vi-link>
<vi-link>链接</vi-link>
<vi-link size="small">链接</vi-link>

跳转地址

通过配置属性href定义跳转地址,你也可以配置属性target定义跳转方式

Props

属性名描述类型默认值

插槽

插槽名描述有无默认内容