0

我有一个按钮，我想在页面加载正常按钮图标中向用户显示，一旦他按下按钮，我需要向他显示按下按钮图标。我通过为按钮设置 cls 来实现这一点。我正在使用 sass 样式，从服务器访问图像 url 路径。根据我的要求，它工作正常。但是在第一次加载页面时它显示正常的按钮图标很好，一旦我按下按钮它需要一些时间意味着（5-10秒）接下来它会显示按下按钮图标，这只是第一次发生。为什么第一次加载要花这么多时间来加载更改按下图标？ 下次它会正常工作，在按下按钮时立即更改图标。可以有其他最好的方法来实现这一目标吗？

这是我的代码：

 {
                        xtype: "button",                           
                        cls: 'aboutclsT',
                        handler: function () {

                        }

                    }

在我的 app.scss

.aboutclsT{
 background: url('http://src.sencha.io/100/http://s11.postimage.org/dg1zv08j7/about.png') !important;
 background-repeat: no-repeat;
 height: 133px;
 width: 100px;

 }

 .aboutclsT.x-button-pressing{
 background: url('http://src.sencha.io/100/http://s7.postimage.org/4vy4hg72z/about_active.png') !important;
 background-repeat: no-repeat;
 height: 133px;
 width: 100px;
 }
4

1 回答 1

0

从 URL 加载按钮图像，第一次调用会下载它。之后浏览器将其缓存，因此需要时间。如果你在 CSS 中对它进行 base64，它会一直很快。

于 2012-07-26T08:41:22.190 回答