diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 7ea13f0..c550f5d 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -13,7 +13,29 @@
-
+ + + + +
@@ -260,10 +282,15 @@ export default { width: 100%; height: 100%; } + + } + .videocar { + position: relative; .play { position: absolute; margin: 0 auto; top: 50%; + margin-left: 45%; margin-top: -50px; } } @@ -277,6 +304,11 @@ export default { background-position: 140% -165px; /* 调整这些值来改变显示的部分 */ background-size: 140% 130%; /* 使用 'cover' 或 'contain',或者设置具体尺寸 */ background-repeat: no-repeat; + display: flex; + align-items: center; + flex-direction: column; + width: 50%; + padding: 0 40px; :deep .el-carousel__indicators--horizontal { left: 90%; } @@ -285,15 +317,10 @@ export default { border-radius: 50%; height: 5px; } - .el-carousel__item { - display: flex; - align-items: center; - flex-direction: column; - width: 90%; - padding: 0 40px; .txtcontent { height: 50% !important; width:100%; + padding-top: 20px; .title { height: 26px; @@ -333,7 +360,6 @@ export default { color: #00F6BD; } } - } } } .bottom {