离子:具有固定标签和段落的离子项目

时间:2018-01-17 19:21:40

标签: html css ionic-framework ionic2

是否可以使用Ionic Framework创建三个ion-item

enter image description here

第一个问题没有问题(disabled ion-input标准fixed label)。我的第二个问题包含fixed label,中间有<p> tagright button。 最后一个,也是fixed labelbutton,中间内容为paragraph

任何人都可以帮助我吗? 谢谢

1 个答案:

答案 0 :(得分:0)

我不确定你想要什么,但我认为它与你想要的相似。

<ion-content padding>
<ion-list>
  <ion-list-header disabled="true" ><ion-label color="primary">Disabled</ion-label><ion-label >Item Disabled</ion-label></ion-list-header>
  <ion-item>
    <ion-icon ios="ios-close" md="md-close" color="primary" item-end></ion-icon>
    <ion-label color="primary">Label</ion-label>
    <ion-label> Value</ion-label>
  </ion-item>
  <ion-item>

    <ion-label color="primary">Label</ion-label>
    <ion-label><button ion-button round outline><ion-icon name="star"  color="primary"> </ion-icon></button>(Student)</ion-label>

    <ion-icon ios="ios-close" md="md-close"></ion-icon>
  </ion-item>
</ion-list>
</ion-content> 

感谢