轮播图样式

This commit is contained in:
nisen
2023-09-05 15:35:20 +08:00
parent fa6a926ffd
commit b94613f85a

View File

@@ -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;