如上,我们不想让bottom线占满整个宽度,可以直接找到组件u-form-item,在样式中添加width:80%的样式
.u-form-item { width:80%; }
复制
用 placeholder="请输入备注内容"
<u-input placeholder="请输入备注内容" />
复制
再通过内置样式修改input框的长度
<u-form-item class="u-text-right u-m-l-40" > </u-form-item>
复制
以上添加了两个类,其中u-m-l-40表示的是 margin-left :40rpx;
如果想placeholder的文字靠右,可以再给input框加入文字靠右的属性
<u-inptu input-align="right"> </u-inptu>
复制