在ion-item的离子输入上方和下方显示文本

时间:2018-10-08 03:53:05

标签: css ionic-framework ionic3

目标
ion-inpution-item上方和下方显示文本,如下

text above and below ion-input

要仅添加上述标签,请将stacked添加到ion-label
要仅添加以下标签,请按照Ionic Stacked input - Show label below text field

中所述,将样式flex-direction: column-reverse添加到input-wrapper

难点:
有一个input-wrapper =>不能更改它来处理两种情况
还是我找不到解决方法

解决方法:
打开新的ion-item,在ion-input下显示文本
但是然后需要在CSS中使用特殊的句柄来忽略字体,边距...

游乐场:
stackblitz
请只关注首页
输入前缀...”意在作为注释输入

是否可以轻松地在ion-input上方和下方添加文本?​​
谢谢

0 个答案:

没有答案