diff --git a/src/styles/common.scss b/src/styles/common.scss index 4c685d3..42bf0a0 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -75,6 +75,8 @@ .btn-prev:disabled, .btn-next, .btn-prev { + width: vw(40) !important; + height: vh(40) !important; color: #ffffff !important; background-color: #004dc2 !important; } diff --git a/src/views/hotel/components/video-box.vue b/src/views/hotel/components/video-box.vue index df23511..1ded173 100644 --- a/src/views/hotel/components/video-box.vue +++ b/src/views/hotel/components/video-box.vue @@ -2,7 +2,7 @@
+
核心路段:这是一条信息说明
@@ -33,7 +33,7 @@ .video-item { position: relative; width: vw(610); - height: vh(420); + height: vh(380); padding: vh(12) vw(12); box-sizing: border-box; background-image: url('@/assets/images/item-primary.png'); @@ -45,21 +45,21 @@ > p { position: absolute; width: calc(100% - vw(24)); - height: vh(32); + height: vh(40); bottom: vh(12); background: rgba(4, 30, 69, 0.72); > span { - padding-left: vw(10); + padding-left: vw(20); font-weight: 400; font-size: vw(14); color: #ffffff; - line-height: vh(32); + line-height: vh(40); } } } } .pagination-box { - margin-top: vh(10); + margin-top: vh(30); margin-right: vw(50); display: flex; justify-content: flex-end; diff --git a/src/views/monitor/components/box-2.vue b/src/views/monitor/components/box-2.vue index 427456c..5f60be8 100644 --- a/src/views/monitor/components/box-2.vue +++ b/src/views/monitor/components/box-2.vue @@ -633,13 +633,10 @@ &-item { position: relative; width: vw(686); - height: vh(420); - padding: vw(10); + height: vh(380); + padding: vh(10) vw(10); background-image: url('/src/assets/images/item-primary.png'); background-size: 100% 100%; - &:nth-child(3n) { - margin-right: 0; - } &:hover { .video-item__follow { display: block !important; @@ -694,9 +691,8 @@ } &-item__video { width: 100%; - height: vh(406); + height: vh(366); object-fit: cover; - // background-color: #000; } &-detail { margin-left: vw(10);