为此，你必须为卡列表创建一个新模板或修改现有模板。

在“共享组件”>“模板”中找到的模板定义中，找到你要查找的项目（在本例中为“卡片”），然后单击它。在其中，你需要更改“列表模板当前”和“列表模板非当前”部分。以下是模板的原始配置方式：

<li class="t-Cards-item is-active #A04#">
  <div class="t-Card">
<a href="#LINK#" class="t-Card-wrap" #A05#>
  <div class="t-Card-icon u-color #A06#"><span class="t-Icon #ICON_CSS_CLASSES#"><span class="t-Card-initials" role="presentation">#A03#</span></span></div>
  <div class="t-Card-titleWrap"><h3 class="t-Card-title">#TEXT#</h3><h4 class="t-Card-subtitle">#A07#</h4></div>
  <div class="t-Card-body">
    <div class="t-Card-desc">#A01#</div>
    <div class="t-Card-info">#A02#</div>
  </div>
  <span class="t-Card-colorFill u-color #A06#"></span>
</a>

你将需要更改t-Card-icon部分，以便它引用图像源而不是Icon CSS类。

<li class="t-Cards-item is-active #A04#">
  <div class="t-Card">
<a href="#LINK#" class="t-Card-wrap" #A05#>
  *<div class="t-Card-icon u-color #A06#"><img src="#IMAGE#"></img> </div>*
  <div class="t-Card-titleWrap"><h3 class="t-Card-title">#TEXT#</h3><h4 class="t-Card-subtitle">#A07#</h4></div>
  <div class="t-Card-body">
    <div class="t-Card-desc">#A01#</div>
    <div class="t-Card-info">#A02#</div>
  </div>
  <span class="t-Card-colorFill u-color #A06#"></span>
</a>

将图像源更改为＃IMAGE＃将引用你在列表配置中为“图像/类别”字段中的该列表项设置的任何内容。