离子缩略图列表渲染不正确

Question

我使用离子缩略图列表就像文件所说： ```  

Sub testWd10()
#If Win64 And VBA7 Then
    ActiveDocument.Range.FootnoteOptions.LayoutColumns
#End If
End Sub

``` 当它没有正确渲染时，我将相同的代码复制到我的项目中。 我的列表视图显示为belwo：

我检查了html ion-item和ion-thumbnail generate is

它不喜欢离子的例子。 ion-thumbnail指令错误地包装了ion-thumbnail。

我不知道会发生什么，下面是我的离子信息

```

cli包：

<ion-item>
  <ion-thumbnail item-start>
    <img src="assets/img/thumbnail-totoro.png">
  </ion-thumbnail>
  <h2>My Neighbor Totoro</h2>
  <p>Hayao Miyazaki • 1988</p>
  <button ion-button clear item-end>View</button>
</ion-item>

全球套餐：

@ionic/cli-plugin-cordova       : 1.5.0 (/Applications/My-Project/sharemap/node_modules/@ionic/cli-plugin-cordova)
@ionic/cli-plugin-ionic-angular : 1.4.0 (/Applications/My-Project/sharemap/node_modules/@ionic/cli-plugin-ionic-angular)
@ionic/cli-utils                : 1.6.0 (/Applications/My-Project/sharemap/node_modules/@ionic/cli-utils)
ionic (Ionic CLI)               : 3.6.0 (/Applications/My-Project/sharemap/node_modules/ionic)

本地包裹：

Cordova CLI : 6.4.0

系统：

@ionic/app-scripts : 1.3.0
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.0.1

```

我的代码出了什么问题？

Answer 1

我找到了解决方案： 我将item-start指令更改为item-left，然后解决了问题。

我不知道为什么这个指令不能像Ionic Document那样工作。

我还发现item-end也不像文档那样工作。您需要更改为item-right。

正确的代码如下：

<ion-item>
  <ion-thumbnail item-left>
    <img src="assets/img/thumbnail-totoro.png">
  </ion-thumbnail>
  <h2>My Neighbor Totoro</h2>
  <p>Hayao Miyazaki • 1988</p>
  <button ion-button clear item-end>View</button>
</ion-item>