解决微信小程序input文字贴左侧问题

1.写了一个提交表单，input文字贴近左侧，很不好看

原wxml：

<view class="label-list">
        <view class="label">所在公司/学校</view>
        <input placeholder="请输入您的公司/学校" value="{{school}}"  placeholder-class="place" name='school'/>
    </view>

原wxss：

.label-list{
    display: flex;
    width: 100%;
    height: 120rpx;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}
.label-list .label {
    color: #333;
    font-size: 36rpx;
    font-weight: bold;
}
.place {
    align-items: center;
    font-size: 36rpx;
    left: 30rpx;
    vertical-align:middle;
}

2.修改后

修改后的wxml：

<view class="label-list">
        <view class="label">所在公司/学校</view>
        <view class="input-box">
        <input placeholder="请输入您的公司/学校" value="{{school}}"  placeholder-class="place" name='school'/>
        </view>
    </view>

修改后的wxss：

.label-list{
    display: flex;
    width: 100%;
    height: 120rpx;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}
.label-list .label {
    color: #333;
    font-size: 36rpx;
    font-weight: bold;
}
.input-box{
    position: relative;
    left:20px;
}
.place {
    align-items: center;
    font-size: 36rpx;
    left: 30rpx;
    vertical-align:middle;
}

综上所述，即在input外加一个view标签，样式为相对定位，left : 20px