lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新版式

Browse Source
This commit is contained in:
duanliang
2025-11-24 23:17:46 +08:00
parent 9d78158b77
commit 5c17235581
55 changed files with 973 additions and 731 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/collect/components/video-box.vue
View File

@@ -370,7 +370,7 @@
border:vw(2) solid #0096FF;
padding:vh(40) vw(20);
position:relative;
height:vh(900);
height:vh(1950);
padding-bottom:vh(20);
.item-element{
display: flex;
@@ -404,7 +404,7 @@
width:100%;
height:vh(30);
padding:0 vw(30);
font-size:vw(24);
font-size: font-vw(24);
line-height:vh(30);
// line-height: vh(40);
}
@@ -421,7 +421,7 @@
.empty-box{
display:flex;
align-items: center;
font-size:vw(40);
font-size: font-vw(40);
height:vh(750);
justify-content: center;
text-align:center;
@@ -461,7 +461,7 @@
.video-box {
display: flex;
flex: 1;
height: vh(950);
// height: vh(950);
margin-top: vh(120);
margin-left: vw(10);
padding: vh(34) vw(26);
@@ -494,7 +494,7 @@
> span {
padding-left: vw(20);
font-weight: 400;
font-size: vw(14);
font-size: font-vw(20);
color: #ffffff;
line-height: vh(40);
}
@@ -528,7 +528,6 @@
}
&-list {
// gap: vw(3);
display: flex;
flex-wrap: wrap;
align-content: flex-start;
@@ -547,14 +546,13 @@
// border-radius: 5px; /* 滑块的圆角 */
// }
// overflow: auto;
}
&-item {
position: relative;
// width: vw(720);
// width:48%;
// margin-right: 1%;
height: vh(275);
height: vh(600);
padding: vh(10) vw(10);
box-sizing: border-box;
margin-bottom:vh(6);
@@ -596,9 +594,9 @@
left: 0;
bottom: 0;
width: 100%;
padding: vh(10) vw(10);
padding: vh(20) vw(20);
color: #fff;
font-size: vw(14);
font-size: vw(20);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -606,15 +604,17 @@
}
&-item__title--error {
@extend .video-item__title;
font-size: font-vw(22);
background-color: rgba(226, 27, 27, 0.72);
}
&-item__title--primary {
@extend .video-item__title;
font-size: font-vw(22);
background-color: rgba(4, 30, 69, 0.72);
}
&-item__video {
width: 100%;
height: vh(260);
height: vh(580);
// height:100%;
object-fit: fill;
}
@@ -638,7 +638,7 @@
top: 40 (vh);
z-index: 9;
font-weight: 400;
font-size: vw(14);
font-size: vw(22);
color: #ffffff;
padding: vw(20);
display: flex;
@@ -713,7 +713,7 @@
width: 100%;
padding: vw(10);
color: #fff;
font-size: vw(14);
font-size: vw(20);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -725,6 +725,7 @@
}
&-title--primary {
@extend .item-title;
font-size: font-vw(20);
background-color: rgba(4, 30, 69, 0.72);
}
&-img {