vue2:关于页面布局-行内列间间隔的调整

我是飞鸟呀

于 2025-01-22 18:00:00 发布

阅读量195

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签：前端

本文链接：https://blog.youkuaiyun.com/l_q_l/article/details/145286707

Vue 专栏收录该内容

59 篇文章 ¥19.90 ¥99.00

订阅专栏

如下图三行

有些控件之间需要有间隔，表示虽是同一行，但是相互之间并没有关系；

有些控件之间没有间隔，表示互相关联。

1、同行没有关系，需要有间隔的列

每一个el-col中添加一个el-form-item即可，每个el-form-item之间会有间隔

<el-col :lg="12" :sm="24">
   <el-form-item  label="相关研发需求:" prop="requirementUnid">
      <!--添加控件-->
      <el-select style="width: 100%"/>    
   </el-form-item>
</el-col>
<el-col :lg="12" :sm="24">            
   <el-form-item  label="所属模块:" prop="moduleUnid">
        <!--添加控件-->
        <el-cascader></el-cascader>
    </el-form-item>            
</el-col>

2、相互之间没有间隔，且第二个控件不需要额

了解本专栏