diff --git a/src/components/HlsPlayer/index.vue b/src/components/HlsPlayer/index.vue index 2dc7ebc..768a684 100644 --- a/src/components/HlsPlayer/index.vue +++ b/src/components/HlsPlayer/index.vue @@ -4,14 +4,13 @@ class="myVideo" ref="videoElement" muted - :style="videoStyle" playsinline :controls="false" disablePictureInPicture > -
+
@@ -297,11 +296,10 @@ .myVideo { width: 100%; - height: auto; + height: 100%; // aspect-ratio: 16/9; /* border: 1px solid #ccc; */ - border-radius: vw(5); - background-color: #000; + // border-radius: vw(5); } .loading-overlay { diff --git a/src/components/Select/index.vue b/src/components/Select/index.vue index 84d09cd..d4edf81 100644 --- a/src/components/Select/index.vue +++ b/src/components/Select/index.vue @@ -27,9 +27,12 @@ diff --git a/src/views/monitor/components/box-1.vue b/src/views/monitor/components/box-1.vue index f26d634..379288a 100644 --- a/src/views/monitor/components/box-1.vue +++ b/src/views/monitor/components/box-1.vue @@ -97,7 +97,7 @@ alt="" />
{{ item.name }}
-

{{ item.value }}

+

{{ item.value }}

- +
diff --git a/src/views/sentiment/components/area.vue b/src/views/sentiment/components/area.vue index 89d4154..88b7612 100644 --- a/src/views/sentiment/components/area.vue +++ b/src/views/sentiment/components/area.vue @@ -69,7 +69,7 @@ .select-box { position: absolute; z-index: 99; - top: vh(40); + top: vh(10); right: vw(10); } .area { diff --git a/src/views/sentiment/index.vue b/src/views/sentiment/index.vue index 6d46abd..b2dd7da 100644 --- a/src/views/sentiment/index.vue +++ b/src/views/sentiment/index.vue @@ -31,11 +31,11 @@
- +
-
+
@@ -52,14 +52,14 @@ />
-
+
@@ -141,6 +141,7 @@ } .top { width: vw(600); + height: vh(50); margin-top: vh(35); } .box-1 { @@ -149,7 +150,7 @@ @extend .bg; } .box-2 { - width: vw(1574); + width: vw(1514); height: vh(470); @extend .bg; } @@ -158,6 +159,16 @@ height: vh(470); @extend .bg; } + .box-4{ + width: vw(850); + height: vh(470); + @extend .bg; + } + .box-5{ + width: vw(870); + height: vh(470); + @extend .bg; + } .border { background-image: url('@/assets/images/bg-3.png'); background-size: 100% 100%;