login的例子中，如何新增一行手机验证的输入验证，包括标签，输入框及按钮

分类：MUI

如题，我想加一行输入框：
验证码：[_____][发送验证码]

我按例子的代码，新增了一行：

但是显示的效果，总是没有这个发送验证码的按钮，
麻烦问问应该如何实现？谢谢！

2016-06-14 22:40 负责人:无分享

2 个回复

难道这个效果很困难吗？

看不到发送验证码按钮的原因在于label和input已经占了整行宽度了，把发送验证码按钮挤到下一行了；

.mui-input-group label {  
    width: 22%;  
}  

.mui-input-row label~input {  
    width: 78%;  
}

建议方案：
1、通过fixed定位将发送验证码按钮固定在右侧显示（同步需要修改input控件的宽度）
2、通过flex box布局

该问题目前已经被锁定, 无法添加新回复