| | |
|---|
| | | <template> |
|---|
| | | <el-config-provider :locale="locale"> |
|---|
| | | <template v-if="$route.name == 'loginView'"> |
|---|
| | | <el-scrollbar> |
|---|
| | | <div class="el-main__content"> |
|---|
| | | <Content></Content> |
|---|
| | | </div> |
|---|
| | | </el-scrollbar> |
|---|
| | | </template> |
|---|
| | | <el-config-provider v-else :locale="locale"> |
|---|
| | | <el-container class="el-container"> |
|---|
| | | <el-aside class="el-aside" |
|---|
| | | ><SiderMenu |
|---|
| | | :collapse="isCollapsed" |
|---|
| | | @nav-page="navPage" |
|---|
| | | ></SiderMenu |
|---|
| | | ></el-aside> |
|---|
| | | <el-aside class="el-aside"> |
|---|
| | | <SiderMenu :collapse="isCollapsed" @nav-page="navPage"></SiderMenu> |
|---|
| | | </el-aside> |
|---|
| | | <el-container> |
|---|
| | | <el-header class="el-header" |
|---|
| | | ><Header |
|---|
| | | :navTitles="navTitles" |
|---|
| | | :collapse="isCollapsed" |
|---|
| | | @collapsed-sider="collapsedSider" |
|---|
| | | ></Header |
|---|
| | | ></el-header> |
|---|
| | | <el-header class="el-header"> |
|---|
| | | <Header :navTitles="navTitles" :collapse="isCollapsed" @collapsed-sider="collapsedSider"></Header> |
|---|
| | | </el-header> |
|---|
| | | <el-main class="el-main"> |
|---|
| | | <el-scrollbar> |
|---|
| | | <div class="el-main__content"> |
|---|
| | | <Content></Content> |
|---|
| | | <el-backtop |
|---|
| | | <!-- <el-backtop |
|---|
| | | target=".el-main .el-scrollbar__wrap" |
|---|
| | | :right="40" |
|---|
| | | :right="10" |
|---|
| | | :bottom="100" |
|---|
| | | style="width: 120px" |
|---|
| | | style="z-index: 1000;" |
|---|
| | | > |
|---|
| | | <div class="back-top"> |
|---|
| | | <el-icon><ArrowUpBold /></el-icon> |
|---|
| | | <span style="">返回顶部</span> |
|---|
| | | </div> |
|---|
| | | </el-backtop> |
|---|
| | | </el-backtop> --> |
|---|
| | | </div> |
|---|
| | | </el-scrollbar> |
|---|
| | | </el-main> |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-main__content { |
|---|
| | | padding: var(--el-main-padding); |
|---|
| | | padding: var(--el-main-padding) calc(var(--el-main-padding) / 2); |
|---|
| | | max-height: calc(100vh - 60px - var(--el-main-padding) * 2); |
|---|
| | | /* background-color: aqua; */ |
|---|
| | | /* overflow: auto; */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .back-top { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
