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