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

如题所述

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

}

这是实现后的界面

温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网