文字链接

文字链接

<import name="link" src="../Common/ui/h-ui/basic/c_link"></import>
<template>
    <div class="container">
        <div>
            <link text="关于我们" href="About"></link>
        </div>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="link" src="../Common/ui/h-ui/basic/c_link"></import>
<template>
    <div class="container">
        <link text="默认链接" href="About"></link>
        <link text="主要链接" href="About" type="primary"></link>
        <link text="成功链接" href="About" type="success"></link>
        <link text="警告链接" href="About" type="success"></link>
        <link text="危险链接" href="About" type="danger"></link>
        <link text="危险链接" href="About" type="info"></link>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="link" src="../Common/ui/h-ui/basic/c_link"></import>
<template>
    <div class="container">
        <link text="默认链接" href="About" size="60"></link>
        <link text="主要链接" href="About" type="primary" size="60"></link>
        <link text="成功链接" href="About" type="success" size="60"></link>
        <link text="警告链接" href="About" type="warning" size="60"></link>
        <link text="危险链接" href="About" type="danger" size="60"></link>
        <link text="危险链接" href="About" type="info" size="60"></link>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="link" src="../Common/ui/h-ui/basic/c_link"></import>
<template>
    <div class="container">
        <link text="默认链接" href="About" disabled="true"></link>
        <link text="主要链接" href="About" type="primary" disabled="true"></link>
        <link text="成功链接" href="About" type="success" disabled="true"></link>
        <link text="警告链接" href="About" type="warning" disabled="true"></link>
        <link text="危险链接" href="About" type="danger" disabled="true"></link>
        <link text="危险链接" href="About" type="info" disabled="true"></link>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="link" src="../Common/ui/h-ui/basic/c_link"></import>
<template>
    <div class="container">
        <link text="主要链接" href="About" type="danger" underline="true"></link>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="link" src="../Common/ui/h-ui/basic/c_link"></import>
<template>
    <div class="container">
        <link text="编辑" href="About" type-icon="edit"></link>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<import name="link" src="../Common/ui/h-ui/basic/c_link"></import>
<template>
    <div class="container">
        <link text="查看" href="About" type-icon="eye-open" align-right="true"></link>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>