zoukankan      html  css  js  c++  java
  • "文字链接"组件:<h-link> —— 快应用组件库H-UI

    <import name="h-link" src="../Common/ui/h-ui/basic/c_link"></import>
    <template>
        <div class="container">
            <div>
                <h-link text="关于我们" href="About"></h-link>
            </div>
        </div>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

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

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

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

    <import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
    <template>
        <div class="container">
            <h-link text="主要链接" href="About" type="danger" underline="true"></h-link>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

    <import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
    <template>
        <div class="container">
            <h-link text="编辑" href="About" icon="edit"></h-link>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

    <import name="h-link" src="../Common/ui/h-ui/basic/c_h-link"></import>
    <template>
        <div class="container">
            <h-link text="查看" href="About" icon="eye-open" align-right="true"></h-link>
    </template>
    
    <style lang="less">
        @import '../Common/styles/container.less';
    </style>
    

    扫码体验

  • 相关阅读:
    Python之路_Day6
    正则表达式
    tensorflow 使用 5 mnist 数据集, softmax 函数
    数据分析 大数据之路 六 matplotlib 绘图工具
    tensorflow 使用 4 非线性回归
    tensorflow 使用 3 模型学习
    数据分析 大数据之路 五 pandas 报表
    tensorflow 使用 2 Felch ,Feed
    tensorflow 使用 1 常量,变量
    数据分析 大数据之路 四 numpy 2
  • 原文地址:https://www.cnblogs.com/cloud-dev/p/wen-zi-lian-jiezu-jianlthlinkgt--kuai-ying-yong-zu.html
Copyright © 2011-2022 走看看