Question

请教EXTJS高手，如何用EXTJS写出这种漂亮的界面

Answer 1

写出漂亮的界面就两种方式，一种最根本，写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;

}

这是实现后的界面