From e0ab1ceb5bf1add5eb4a206b33f217a495920939 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=88=91=E5=8F=ABMT?= <18253750314@163.com> Date: Thu, 11 Jan 2024 00:18:43 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E8=BD=AE=E6=92=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/home/index.vue | 48 +++++++++++++++++++++++++++++++--------- 1 file changed, 37 insertions(+), 11 deletions(-) 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 {