15、Semantic-UI之导航

15.1 面包屑导航

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

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

示例:第二种面包屑导航

    

示例:设置面包屑大小

示例:设置面包屑状态

15.2 信息提示框

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

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

服务条款

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

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

服务条款

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

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




    
    Semantic UI 
    
    
    
    
    


    
服务条款

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

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

服务条款

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

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

服务条款

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

15.3 小结

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

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

你可能感兴趣的:(15、Semantic-UI之导航)