【问题标题】:Ionic Stacked input - Show label below text field离子堆叠输入 - 在文本字段下方显示标签
【发布时间】:2017-01-07 03:45:45
【问题描述】:

我正在使用下面的代码来显示 Ionic 版本 2 中的堆叠。

<ion-item>
    <ion-label color="primary" stacked>Joy to the world</ion-label>
    <ion-input value="C         G"></ion-input>
</ion-item>

默认情况下,标签显示在文本字段上方。 但我想在文本字段下方显示标签。

是否可以在文本字段下方显示标签。

感谢您的帮助。

【问题讨论】:

    标签: ionic-framework ionic2


    【解决方案1】:

    如何覆盖这些 sass 变量:

    .item-label-stacked .input-wrapper,
    .input-wrapper {
        flex-direction: column-reverse;
    }
    .label-md[stacked] {
        margin-top: 0;
    }
    

    【讨论】:

    • 但是标签和输入文本之间有很大的差距。是否可以减少输入字段和标签之间的差距。谢谢。
    猜你喜欢
    • 2011-05-28
    • 1970-01-01
    • 1970-01-01
    • 2018-06-01
    • 2017-11-04
    • 1970-01-01
    • 1970-01-01
    • 2011-12-01
    • 1970-01-01
    相关资源
    最近更新 更多