Msg Box

块元素添加 .cm-msg-box 类即可显示为提示框。

div.cm-msg-box
	"常规提示文本"

效果如下：（绿色虚线表示容器边界）

注意

• 提示框没有预设垂直外边距。

可在提示框元素上增加额外的类名，以设置其场景样式。

提示框一般都会搭配图标显示。需要显式地给容器添加 .cm-msg-box-with-icon 类，同时添加一个 20x20 的图标元素。（可用图标参见 图标。）

div.cm-msg-box.cm-msg-box-with-icon
	i.cm-icon  //图标元素
	"带图标的提示框"

可以为提示框增加关闭按钮。需要显式地给容器添加 .cm-msg-box-with-close-btn 类，同时添加一个关闭按钮。

div.cm-msg-box.cm-msg-box-with-close-btn
	a.cm-msg-box-close-btn @href="#"
	"这是一个可关闭的提示框。"

提示框的图标和关闭按钮可以同时存在：

div.cm-msg-box.cm-msg-box-with-icon.cm-msg-box-with-close-btn
	i.cm-icon
	a.cm-msg-box-close-btn @href="#"
	"带图标的、可关闭的提示框。"