z_element_plus/ssr-testing/cases/container.vue

<template>
  <div class="common-layout">
    <el-container>
      <el-aside
        width="200px"
        style="
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #d3dce6;
        "
        >Aside</el-aside
      >
      <el-container>
        <el-header
          style="
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #b3c0d1;
          "
          >Header</el-header
        >
        <el-main
          style="
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #e9eef3;
          "
          >Main</el-main
        >
        <el-footer
          style="
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #b3c0d1;
          "
          >Footer</el-footer
        >
      </el-container>
    </el-container>
  </div>
</template>