【问题标题】:Ionic2 input-label fixed on the right of ion-input fieldIonic2 输入标签固定在离子输入字段的右侧
【发布时间】:2017-11-04 14:39:44
【问题描述】:

您好,我已经尝试过How to align ion-label to right,但这不是我需要的。这是我在 ionic 2 和 java 脚本中的第一个项目,所以如果这是一个愚蠢的问题,我深表歉意。

我有一个离子列表:`

<ion-list >

    <ion-item>
        <ion-label floating>Company Name</ion-label>
        <ion-input type="text" value="{{this.navParams.data.tenant.name}}"></ion-input>
    </ion-item>

    <ion-item>
        <ion-label floating>Bot name</ion-label>
        <ion-input type="text" value="{{this.navParams.data.tenant.name}}"></ion-input>
    </ion-item>


    <ion-item>
        <ion-label floating>Bot Url</ion-label>
        <ion-input type="text" value="{{this.navParams.data.tenant.name}}" text-left></ion-input>
        <ion-label>mydomain.com</ion-label>
    </ion-item>
</ion-list>

`

我得到的是这样的:

我想要的是:

“.myDomain.com”应该是固定的离子标签,用户只能将“Audi”更改为另一个。

【问题讨论】:

    标签: html css ionic2 alignment


    【解决方案1】:

    您只需要像示例一样设置和订购

    .label-right{
        订购:2
    }
    
     <ion-list>
          <ion-item>
            <ion-label floating>Bot Url</ion-label>
            <ion-input type="text" value="{{this.navParams.data.tenant.name}}" text-left></ion-input>
            <ion-label class="label-right">mydomain.com</ion-label>
        </ion-item>
    </ion-list>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-24
      • 2017-12-03
      • 2011-10-14
      • 1970-01-01
      • 2018-09-01
      • 1970-01-01
      相关资源
      最近更新 更多