如何在uniapp input输入框右侧增加单位的解决方法

啥也别想,直接抄吧

<view class="diygw-form-item diygw-col-24">
  <view class="title">参数</view>
  <view class="input solid">
  <!-- 重点 -->
    <text class="diy-icon-recharge" style="color: #07c160"></text>
    
    <view class="input-container">
      <input class="flex1" name="input4" comfirm-type="done" type="text" v-model="specification.warrantyPeriod" placeholder="请输入年份" />
      
       <!-- 重点 -->
      <text class="unit">年</text>
    </view>
  </view>
</view>

<style>
 //重点
.input-container {
      
      
  display: flex;
  align-items: center;
}

 //重点
.unit {
      
      
  margin-left: 5px;
  color: #999;
}
</style>