css-vxe-form-item中输入框加自定义按钮（校验位置错误）

1.浮动错误效果

        提示内容不对

2.不使用浮动，使用行内块元素

        代码如下

                <vxe-form-item title="yoyo:" field="assembleWorkNo" span="8">
                    <template #default>
                        <vxe-input  style="width:70%;display:inline-block;" placeholder="请输入yoyo" maxlength='50' v-model="formData.assembleWorkNo"/>
                        <div class="addF">＋div>
                    template>
                vxe-form-item>

.addF{
    width:25%;
    display: inline-block;
    font-size:25px;
    font-weight:600;
    background-color:rgb(64, 158, 255);
    text-align:center;
    color:white;
    height:34px;
    border-radius:3px;
    line-height:26px;
}