Question

我正在使用ExtJs 6.0.1

我添加了一个按钮并使用css在按钮上设置了如下图标

var shuffledChosenSet = shuffleArray(chosenSet);

这工作正常但是你可以看到我使用本地路径来获取转储到文件夹ServiceHealthApp / HealthIconsin我的主应用程序中的图标

是否可以将此路径更改为根应用程序路径，例如

.button_merge_style {
    content: url(http://localhost:3545/ServiceHealthApp/HealthIcons/ServHL.png);
}

任何帮助？

Answer 1

url('/ServiceHealthApp/HealthIcons/ServHL.png')

如果 / ServiceHealthApp 位于根文件夹中。

Answer 2

我认为最佳做法是将图像转储到应用程序的资源文件夹中，同时保持Ext的资源路径约定。

如果要设置按钮样式，请将图标放入<appRoot>/resources/images/button并使用SASS为您解析路径。

// <appRoot>/sass/src/button/Button.scss

$imgResourcePath: get_resource_path('images');

.#{$prefix}btn-icon-el.button_merge_style {
    background: url($imgResourcePath + '/button/ServHL.png') no-repeat center center !important;
}

还要确保在app.json中正确设置了SASS命名空间。

希望这会有所帮助！： - ）

在ExtJs按钮上添加图标

2 个答案: