15、Semantic-UI之导航

15.1 面包屑导航

  在Semantic-UI中有多种样式实现面包屑导航，类似 / > 等。

示例：定义定义基础面包屑导航

    

        
首页
        
/
        
图书
        
/
        
JavaSE
    

示例：第二种面包屑导航

    

        

            
首页
            
            
图书
            
            
JavaSE
        
    

示例：设置面包屑大小

    

        
首页
        
        
图书
        
        
JavaSE
    

示例：设置面包屑状态

    

        
首页
        
        
图书
        
        
JavaSE
    

15.2 信息提示框

  在Semantic-UI中可以向bootstrap那样定义信息提示框，信息框也可以实现关闭操作。

示例：定义基础信息提示框

    

        
服务条款
      
为使用腾讯的服务，您应当阅读并遵守《腾讯服务协议》（以下简称“本协议”）和《QQ号码规则》。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、管辖与法律适用条款，以及开通或使用某项服务的单独协议。限制、免责条款可能以黑体加粗或加下划线的形式提示您重点注意。除非您已阅读并接受本协议所有条款，否则您无权使用腾讯提供的服务。您使用腾讯的服务即视为您已阅读并同意上述协议的约束。
     

示例：为信息提示框加图标

    

        
服务条款
      
为使用腾讯的服务，您应当阅读并遵守《腾讯服务协议》（以下简称“本协议”）和《QQ号码规则》。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、管辖与法律适用条款，以及开通或使用某项服务的单独协议。限制、免责条款可能以黑体加粗或加下划线的形式提示您重点注意。除非您已阅读并接受本协议所有条款，否则您无权使用腾讯提供的服务。您使用腾讯的服务即视为您已阅读并同意上述协议的约束。
     

示例：定义可以关闭的信息提示框

    
    
    
    
    
    
    


    

        

            
            
服务条款
            
为使用腾讯的服务，您应当阅读并遵守《腾讯服务协议》（以下简称“本协议”）和《QQ号码规则》。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、管辖与法律适用条款，以及开通或使用某项服务的单独协议。限制、免责条款可能以黑体加粗或加下划线的形式提示您重点注意。除非您已阅读并接受本协议所有条款，否则您无权使用腾讯提供的服务。您使用腾讯的服务即视为您已阅读并同意上述协议的约束。
        
    

示例：在信息框中显示不同的颜色

    

        
        
服务条款
        
为使用腾讯的服务，您应当阅读并遵守《腾讯服务协议》（以下简称“本协议”）和《QQ号码规则》。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、管辖与法律适用条款，以及开通或使用某项服务的单独协议。限制、免责条款可能以黑体加粗或加下划线的形式提示您重点注意。除非您已阅读并接受本协议所有条款，否则您无权使用腾讯提供的服务。您使用腾讯的服务即视为您已阅读并同意上述协议的约束。
    

示例：设置信息提示框大小

    

        
        
服务条款
        
为使用腾讯的服务，您应当阅读并遵守《腾讯服务协议》（以下简称“本协议”）和《QQ号码规则》。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、管辖与法律适用条款，以及开通或使用某项服务的单独协议。限制、免责条款可能以黑体加粗或加下划线的形式提示您重点注意。除非您已阅读并接受本协议所有条款，否则您无权使用腾讯提供的服务。您使用腾讯的服务即视为您已阅读并同意上述协议的约束。
    

15.3 小结

  在项目开发中会经常使用信息提示框的操作。

转载于:https://www.cnblogs.com/jie-fang/p/10279572.html