新版式

This commit is contained in:
duanliang
2025-11-25 00:52:18 +08:00
parent 5c17235581
commit 7d28f8b0a4
5 changed files with 245 additions and 25 deletions

View File

@@ -122,7 +122,7 @@
</div>
</div>
<div v-if="videoLog == 2" class="video-detail">
<div v-if="videoLog == 2" class="video-detail" style="flex:1;">
<div class="video-detail__wrapper">
<video class="video-detail__video" ref="videoRef" muted autoplay controls>
<source type="application/x-mpegURL" />
@@ -659,13 +659,13 @@
}
.left-nav {
margin: 0 vw(8);
width: vw(400);
width: vw(350);
background: linear-gradient(321deg, #0b2f64 0%, #062b57 91%, rgba(5, 40, 79, 0) 100%);
.bom-box {
margin-top: vh(20);
.search-box {
border-radius: vw(2);
height: vh(56);
height: vh(70);
border: 1px solid #0096ff;
margin: vh(10) auto;
display: flex;
@@ -799,8 +799,8 @@
.li {
cursor: pointer;
// width: vw(250);
height: vh(98);
line-height: vh(98);
height: vh(120);
line-height: vh(120);
text-align: center;
margin-bottom: vh(25);
background: url('/src/assets/images/m-nav-bg-1.png');
@@ -910,7 +910,8 @@
&-detail__wrapper {
position: relative;
padding: vh(40) vw(50);
width: vw(1660);
// width: vw(1660);
flex:1;
// height: vh(960);
background-image: url('/src/assets/images/one-video-bg.png');
background-size: 100% 100%;
@@ -945,6 +946,7 @@
padding-right: vw(20);
display: flex;
align-items: center;
margin-bottom:vh(10);
.icon {
width: vw(30);
height: auto;
@@ -1015,7 +1017,7 @@
}
&-img {
width: 100%;
height: vh(164);
height: vh(264);
display: block;
object-fit: cover;
}