模板:Cbox2

模板文档 [查看] [编辑] [历史] [刷新]

这个文档嵌入自模板:Cbox2/doc。

正文提示框：左侧图标井 + 右侧正文。输出新皮肤设计系统的正文提示框组件（.ak-cbox），等级配色、明暗主题、窄屏排版都由组件负责；其他皮肤由微件:AkComponents 加载同一套样式，各皮肤下外观一致。

参数

|lv=等级：0 绿（另见 / 提示）、1 蓝（信息，默认）、2 / 3 黄（注意，两级同色）、4 红（警告）

|title=信息标题（加粗、等级色）

|text=信息正文

|narrow=1 / yes / true：最宽 640px；不填则铺满正文栏

关于图标，目前站内接入了Material Design Icon图标系统，故不再建议使用原Font Awesome图标。不填 icon 时按等级给默认图标（0 斜箭头、1 圆圈 i、2–4 三角叹号）。

作为过渡，本模板暂时保留了Font Awesome图标参数。

|mdi=true（使用这个参数激活MDI）

|icon=图标

|iconclass=图标的类（s、r、l、b)

|moreclass=图标的其他类

自定义配色

一般不需要：五个等级的配色在浅色、暗色下都已调好。活动主题框等需要自定义时：

|bg=整体（右侧）背景，可以是渐变

|bgleft=左侧图标井背景（不填则取图标色的淡色）

|iconcolor=图标与标题颜色

bg 不是五个等级的默认色时，整个框按浅色方案显示（暗色主题下也一样），框里的文字、链接用浅色下的颜色。深色底请自己把文字写成浅色（如 {{color|white|…}}）。

只填 iconcolor、不填 bg 时，图标与标题换色，其余跟随等级。

范例

{{cbox2|lv=0|text=这是一个测试文本。文本可以在局部'''加粗'''显示。}}
{{cbox2|lv=1|title=这是一个测试标题}}
{{cbox2|lv=2|title=这是一个测试标题|text=这是一个测试文本。文本可以在局部'''加粗'''显示。}}
{{cbox2|lv=3|title=北京市第三区交通委提醒您：|text='''道路千万条，安全第一条。行车不规范，亲人两行泪！'''}}
{{cbox2|lv=4|title=这是一个带有[[无效链接]]的测试标题|text=这是一个测试文本。这个文本带有[[首页]]链接和[https://zh.wikipedia.org 外部链接]，并且内容较长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长。你可以查看换行显示的效果。}}
{{cbox2|lv=4|mdi=true|icon=compass-outline|moreclass=mdi-spin|text=这是一个参数被单独定义的套组范例，它使用了MDI图标。}}
{{cbox2|lv=4|icon=compass|moreclass=fa-spin|text=这是一个参数被单独定义的套组范例，它使用了FA图标。}}
{{cbox2|lv=1|narrow=1|text=这是一个较窄的提示框。}}
{{cbox2|mdi=true|icon=checkbox-marked|iconcolor=white|bgleft=#865225|bg=#45260a|title={{color|white|这是一个自定义配色的范例}}|text={{color|white|深色底上的文字请自己写成浅色。}}}}

这是一个测试文本。文本可以在局部加粗显示。

这是一个测试标题

这是一个测试文本。文本可以在局部加粗显示。

北京市第三区交通委提醒您：

道路千万条，安全第一条。行车不规范，亲人两行泪！

这是一个带有无效链接的测试标题

这是一个测试文本。这个文本带有首页链接和外部链接，并且内容较长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长。你可以查看换行显示的效果。

这是一个参数被单独定义的套组范例，它使用了MDI图标。

这是一个参数被单独定义的套组范例，它使用了FA图标。

这是一个较窄的提示框。

这是一个自定义配色的范例

深色底上的文字请自己写成浅色。

常用图标

anchor

参阅

模板:Cbox2

目录

参数

自定义配色

范例

常用图标

参阅

导航菜单

模板:Cbox2

参数

自定义配色

范例

常用图标

参阅

导航菜单

搜索