如上,我们不想让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>