hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 03:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

引导页的样式

Browse Source
This commit is contained in:
daihh
2022-10-21 12:18:06 +08:00
parent 8fbba3de4d
commit 03c4c013f2
1 changed files with 120 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/components/Portal/guideBox.vue
View File

@@ -284,4 +284,124 @@
color: #333333;
}
}
@media screen and (max-width: 1366px){
.gui-box-left{
//width: 160px;
.left-title{
width: 160px;
}
dd{
margin-left: 10px;
}
}
.gui-box-right{//资源引导位宽度
width: 497px;
.swiper-slide{
width: 376px;
height: 300px;
text-align: center;
.banner-img{
width: 376px;
height: 100%;
}
}
}
.gui-box{
.close-right{
right:28px;
top:25px;
}
}
}
@media screen and (max-width: 1680px) and (min-width:1367px){
.gui-box-left{
//width: 160px;
.left-title{
width: 160px;
}
dd{
margin-left: 10px;
}
}
.gui-box-right{//资源引导位宽度
width: 658px;
.swiper-slide{
width: 476px;
height: 400px;
text-align: center;
.banner-img{
width: 476px;
height: 100%;
}
}
}
.gui-box{
.close-right{
right:28px;
top:25px;
}
}
}
@media screen and (max-width: 1920px) and (min-width: 1681px){
.gui-box-left{
//width: 160px;
.left-title{
width: 160px;
}
dd{
margin-left: 10px;
}
}
.gui-box-right{//资源引导位宽度
width: 722px;
.swiper-slide{
width: 500px;
height: 400px;
text-align: center;
.banner-img{
width: 500px;
height: 100%;
}
}
}
.gui-box{
.close-right{
right:28px;
top:28px;
}
}
}
@media screen and (min-width: 1921px){
.gui-box-left{
// width: 190px;
.left-title{
width: 190px;
}
dd{
margin-left: 20px;
}
}
.gui-box-right{//资源引导位宽度
width: 897px;
.swiper-slide{
width: 576px;
height: 500px;
text-align: center;
.banner-img{
width: 576px;
height: 100%;
}
}
}
.gui-box{
.close-right{
right:28px;
top:45px;
}
}
}
</style>