课程中心部分页面控制

This commit is contained in:
daihh
2022-10-08 17:16:02 +08:00
parent 402734e40d
commit 5cb503c9e7
8 changed files with 55 additions and 78 deletions

View File

@@ -1,12 +1,12 @@
<template>
<section class="app-main xcontent">
<section class="app-main xuc-content">
<div style="display: flex;">
<div style="height: 100%;width: 227px;">
<div style="height: 100%;width: 210px;">
<uc-menu></uc-menu>
<!-- <div style="height: 20px;"></div> -->
</div>
<!-- width: 990px; -->
<div class="main-body" style="padding: 30px 30px;flex:1; background-color: #fff;margin-left: 32px;">
<div class="main-body" style="padding: 30px 20px;flex:1; background-color: #fff;margin-left: 32px;">
<!-- <div style="margin-bottom: 10px;padding:10px; border-bottom: 1px solid #dbdbdb;"> -->
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/uc/index' }"><i class="el-icon-arrow-right"></i>个人中心</el-breadcrumb-item>
@@ -60,7 +60,7 @@ export default {
//width: 1500px;
// width: 1000px;
// margin: 0 auto;
padding-top: 10px;
padding-top: 20px;
position: relative;
overflow: hidden;
}
@@ -98,6 +98,30 @@ export default {
display: block;
margin: 5px 10px;
}
.xuc-content{
margin: 0px auto;
}
@media screen and (max-width: 1366px){
.xuc-content {
width: 1100px;
}
}
@media screen and (max-width: 1680px) and (min-width:1367px){
.xuc-content {
width: 1300px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1681px){
.xuc-content {
width: 1600px;
}
}
@media screen and (min-width: 1921px){
.xuc-content {
width: 1800px;
}
}
</style>
<style lang="scss">