From 7b71d2e03486cc0828f3d1e4c4cb8ccb59276b9a 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 22:45:58 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B1=BD=E8=BD=A6=E8=B5=84=E8=AE=AF=E8=BD=AE?= =?UTF-8?q?=E6=92=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/information/index.vue | 45 ++++++++++++++++++++++++++++----- 1 file changed, 39 insertions(+), 6 deletions(-) diff --git a/src/views/information/index.vue b/src/views/information/index.vue index f510c2a..b1895a5 100644 --- a/src/views/information/index.vue +++ b/src/views/information/index.vue @@ -29,10 +29,11 @@
- +
-
{{ item.title }}
@@ -163,6 +164,17 @@ export default { }) } } + }, + videoPlayer (value, play) { + const id = document.getElementById(value) + const playid = document.getElementById(play) + if (id.paused) { + id.play() + playid.style.display = 'none' + } else { + id.pause() + playid.style.display = 'block' + } } } } @@ -374,15 +386,28 @@ export default { height: 100% !important; } } - :deep.el-carousel__mask { - background-color: #00000000 !important; - - } :deep .el-carousel__indicators--outside, .el-carousel__indicators--horizontal { display: none; } :deep .el-carousel__mask { background-color: #00000000 !important; + } + :deep .el-carousel__arrow--left { + left: 280px; + } + :deep .el-carousel__arrow--right { + right: 280px; + } + :deep .el-carousel__arrow { + width: 40px; + height: 40px; + border-radius: 0%; + background-color: #ffffffcc; + color:#07CAAF; + font-size: 20px; + font-weight: bold; + border-radius: 3px; + top: 43%; } .el-carousel__item { display: flex; @@ -392,6 +417,14 @@ export default { .carvideo { width: 660px; height: 90%; + position: relative; + .play { + position: absolute; + margin: 0 auto; + top: 50%; + margin-left: 45%; + margin-top: -50px; + } video { width: 100%; height: 100%;