[Ext JS]图片显示方式

Ext JS 应用的图片应用场景以及图片显示实现方式

在Ext JS应用中， 图标一般使用图标字体实现，比如使用 Font Awesome 或是Pictos ， 使用方式是配置iconCls属性，类似：
iconCls: 'x-fa fa-home'
图标字体用于显示小的Icon , 但是某些场景下：

• 或者找不到合适的图标
• 或者要显示一个很大的图片

在上面的场景中， 就需要导入图片进行显示了。 而在Ext JS应用中， 要实现图片的显示，可以使用的方式有以下四种：

1. 最原生的方式： 使用HTML的img 标签
2. 使用Ext JS的Container 类型组件，设置的html 中使用HTML的img 标签
3. 使用Ext JS的image 组件
4. 在Ext JS 样式中设置背景图

Ext JS 主应用和子模块 ？

Ext JS 的应用可以通过sencha generate app 命令创建，在较复杂的应用中，也可以通过sencha generate package 命令创建子模块（包）。
包含package 的项目目录结构如下：

myapp

• app
• classic
• modern
• resources
  • images 主应用的图片位置
• packages
  • local
  • my-package
    • reso