html - ionic : ion-item with fixed label and paragraph

标签 html css ionic-framework ionic2

可以创建三个 ion-item喜欢使用 Ionic Framework 的这些吗?

enter image description here

第一个没问题(标准 disabled ion-inputfixed label )。我对第二个包含 fixed label 的问题有疑问, 一个 <p> tag在中间和一个right button . 最后一个,也是一个fixed label和一个 buttonparagraph在中间内容。

谁能帮帮我?
谢谢

最佳答案

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

<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> 

谢谢

关于html - ionic : ion-item with fixed label and paragraph,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48308496/

相关文章:

javascript - 数组中所有元素的 Jquery 偏移方法,而不仅仅是第一个元素

css - flexbox 容器两个 div 响应

html - 如何在所有设备上将 ionic3 中的标题居中

html - 将 HTML CSS 与 Rmarkdown 相结合

javascript - 根据 URL href 隐藏元素

css - 如何在 css3 中动画交换网格位置?

reactjs - onIonChange 在 Ionic 5 React 上触发多个输入

ionic-framework - ionic 后退按钮未显示在 Ionic 5 的工具栏中

javascript - Jquery - .prop 不动态检查我的输入复选框

css - LessCSS - 带有变量和变亮的 IE 渐变过滤器