Vue学习笔记之ElementUI 最大值最小值

速记:

使用ElementUI时候,需要填写最大值和最小值时候,在该col内套用一个row,然后再用3个col分割即可

复制代码
<el-row :gutter="15">
  <el-col :span="8">
    <el-row >
      <el-col :span="11">
        <el-form-item label="预计可建筑面积">
          <el-input placeholder="最小值" v-model="searchParams.planBuildingAreaMin">
          </el-input>
        </el-form-item>
      </el-col>
      <el-col :span="1">
        <el-form-item label-width="0" style="display: flex;justify-content: space-between" >
          --
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label-width="0">
          <el-input placeholder="最大值" v-model="searchParams.planBuildingAreaMax">
          </el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-col>
</el-row>
复制代码

 

posted @   时光飞逝,逝者如斯  阅读(374)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2019-03-06 K8S学习笔记之Flannel解读
点击右上角即可分享
微信分享提示