使用el-menu做导航栏，子菜单下想展示多列内容，并铺满屏幕

效果如下

代码如下

vue template处

<template>
  <el-sub-menu index="1">
    <template #title>导航栏</template>
    <div class="two-column-layout">
      <div class="left-column">
        <el-menu-item index="/dynamic/1">子菜单1</el-menu-item>
        <el-menu-item index="/dynamic/2">子菜单2</el-menu-item>
      </div>
      <div class="right-column">
        <el-row :gutter="10">
          <el-col :span="10">
            <div class="header-menu">
              <div class="header-menu-title">
                标题
              </div>
              <div>
                <div>
                  内容
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="8">
            <img width="300" src="图片">
          </el-col>
        </el-row>
      </div>
    </div>
  </el-sub-menu>
</template>

css样式

<style scoped>
.two-column-layout {
  display: flex;
  width: 100%; /* 确保布局宽度是100%，铺满屏幕 */
}

.left-column {
  width: 15vw;
  margin-left: 20%;
}

.right-column {
  width: 85vw;
}
//设置自己喜欢的标题，内容，图片样式

</style>