mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-12 04:16:45 +08:00
课程中心部分页面控制
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user