如题所述
写出漂亮的界面就两种方式,一种最根本,写schema,这个需要安装sencha cmd,比较繁琐,但优点是代码少。比如extjs提供的几种schema都是这样写出来的。
还有一种是在显示组件上加cls,然后在css中自己实现.
什么样的界面都可以实现,前提是需要了解extjs的css实现方式。
这是css的例子
/*按下按钮时颜色*/
.mocoolka .mk-button.mk-option.x-btn-focus {
background-color: #ddd !important;
border: 0px solid transparent;
}
/*移动到按钮上时的颜色*/
.mocoolka .mk-button.x-btn-over {
background-color: #53CD78 !important;
border: 1px solid transparent;
}
/*按下按钮时颜色*/
.mocoolka .mk-button.x-btn-focus {
background-color: #43C86F !important;
border: 1px solid transparent;
}
/*大按钮的字体*/
.mocoolka .mk-button.mk-big-button .x-btn-inner-default-small {
font-size: 18px;
padding: 5px 5px;
}
这是实现后的界面