el-input 加在el-tabs后
时间: 2023-07-05 17:08:43 浏览: 160
tree-transfer:一个基于vue和element-ui的树形穿梭框及邮件通讯录。一种基于Vue和element-ui的树形穿梭箱组件。 Vuecli3版本见https:github.comhql7wl-tree-transfer示例见->
如果你希望将 `el-input` 放置在 `el-tabs` 组件的后面,可以按照以下步骤进行:
1. 在 `el-tabs` 组件外部包装一层 `div` 元素,将 `el-tabs` 和 `el-input` 放置在这个 `div` 元素内部,例如:
```html
<div class="wrapper">
<el-tabs>
<!-- el-tabs 的内容 -->
</el-tabs>
<el-input></el-input>
</div>
```
2. 使用 CSS 样式将 `el-input` 元素的位置设置为相对于 `el-tabs` 元素的下面,例如:
```css
.wrapper {
position: relative;
}
.el-input {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
```
这样,`el-input` 就会相对于 `el-tabs` 元素的下方进行定位,达到将 `el-input` 放置在 `el-tabs` 后面的效果。
阅读全文