element-plus el-row el-col元素悬浮置于页面底部

Element Plus 的 `el-row` 和 `el-col` 元素主要用于创建响应式的网格布局，但如果你想将它们悬浮置于页面底部，通常需要配合 Flexbox 或 CSS Grid 实现。以下是一个简单的示例：

<template>
  <div class="container">
    <el-row class="parent-container">
      <el-col :span="8" v-for="(item, index) in items" :key="index">{{ item }}</el-col>
    </el-row>
    <div class="bottom-float">
      <!-- 悬浮内容 -->
      <p>这是底部悬浮的内容</p>
    </div>
  </div>
</template>

<style scoped>
.parent-container {
  display: flex;
  justify-content: space-between; /* 如果你想让列均匀分布 */
}

.bottom-float {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  padding: 20px;
}
</style>

在这个例子中，`.parent-container` 使用了 Flexbox 的布局，`.bottom-float` 通过 `position: fixed` 将其固定在页面底部。你可以替换 `<p>` 标签内的内容为你想要浮动显示的信息。