mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-09 02:46:44 +08:00
轮播图样式
This commit is contained in:
@@ -360,9 +360,30 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@media screen and (max-width: 1366px){
|
||||
.swiper-pagination{
|
||||
top: 310px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1680px) and (min-width:1367px){
|
||||
.swiper-pagination{
|
||||
top: 360px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1920px) and (min-width: 1681px){
|
||||
.swiper-pagination{
|
||||
top: 360px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1921px){
|
||||
.swiper-pagination{
|
||||
top: 360px;
|
||||
}
|
||||
}
|
||||
.bannbox {
|
||||
width: 100%;
|
||||
height: 520px;
|
||||
height: 420px;
|
||||
text-align: center;
|
||||
filter: blur(5px);
|
||||
z-index: -1;
|
||||
@@ -375,13 +396,13 @@ export default {
|
||||
|
||||
#container {
|
||||
position: absolute;
|
||||
height: 520px;
|
||||
height: 420px;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner-img {
|
||||
height: 520px;
|
||||
height: 420px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -390,7 +411,7 @@ export default {
|
||||
}
|
||||
|
||||
.course-banner {
|
||||
height: 520px;
|
||||
height: 420px;
|
||||
|
||||
.swiper-button-prev {
|
||||
height: 38px;
|
||||
@@ -517,7 +538,7 @@ export default {
|
||||
.float-tools {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 50%;
|
||||
bottom: 40%;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user