如图中效果,代码很简单。就是利用st的loadmask来实现,可以看看api实现其他效果.
/*添加消息提示组件*/
masked: {
xtype: 'loadmask',
cls: 'message',
transparent: true,
indicator: false
}
css:
.message .x-mask-inner {
background-color:Black;
font-size:0.9em;
border-radius:3px;
top:7em;
}
.message .x-mask-message {
line-height:1.8em;
padding:0 0.3em;
}
2013.9.23
可以通过top等css参数调整消息位置(2.2)
2013.9.26
调整css,可以显示多行信息