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:
nisen
2023-09-05 15:35:20 +08:00
parent fa6a926ffd
commit b94613f85a
1 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/grateful/GratefulHomePage.vue
View File

@@ -360,9 +360,30 @@ export default {
</script> </script>
<style scoped lang="scss"> <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 { .bannbox {
width: 100%; width: 100%;
height: 520px; height: 420px;
text-align: center; text-align: center;
filter: blur(5px); filter: blur(5px);
z-index: -1; z-index: -1;
@@ -375,13 +396,13 @@ export default {
#container { #container {
position: absolute; position: absolute;
height: 520px; height: 420px;
top: 0; top: 0;
width: 100%; width: 100%;
} }
.banner-img { .banner-img {
height: 520px; height: 420px;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -390,7 +411,7 @@ export default {
} }
.course-banner { .course-banner {
height: 520px; height: 420px;
.swiper-button-prev { .swiper-button-prev {
height: 38px; height: 38px;
@@ -517,7 +538,7 @@ export default {
.float-tools { .float-tools {
position: fixed; position: fixed;
right: 0; right: 0;
bottom: 50%; bottom: 40%;
z-index: 999; z-index: 999;
cursor: pointer; cursor: pointer;