151 lines
3.0 KiB
Plaintext
151 lines
3.0 KiB
Plaintext
.view-box.data-v-d6734b50 {
|
|
background-color: #000;
|
|
}
|
|
.video-box.data-v-d6734b50 {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 2000;
|
|
}
|
|
.video-image.data-v-d6734b50 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 2001;
|
|
}
|
|
.video-action.data-v-d6734b50 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 2008;
|
|
}
|
|
.video-texts.data-v-d6734b50 {
|
|
position: absolute;
|
|
left: 30rpx;
|
|
right: 30rpx;
|
|
bottom: 120rpx;
|
|
z-index: 2009;
|
|
}
|
|
.video-texts .video-title.data-v-d6734b50 {
|
|
font-weight: 500;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
text-align: left;
|
|
font-style: normal;
|
|
lines: 1;
|
|
max-width: 240rpx;
|
|
}
|
|
.video-texts .video-score.data-v-d6734b50 {
|
|
font-weight: 500;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-left: 20rpx;
|
|
}
|
|
.video-texts .video-text.data-v-d6734b50 {
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
color: #FFFFFF;
|
|
text-align: left;
|
|
font-style: normal;
|
|
}
|
|
.video-texts .video-sound.data-v-d6734b50 {
|
|
width: 44rpx;
|
|
height: 42rpx;
|
|
cursor: pointer;
|
|
}
|
|
.cover-view-stop.data-v-d6734b50 {
|
|
position: absolute;
|
|
z-index: 9999;
|
|
width: 150rpx;
|
|
height: 200rpx;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
border-radius: 50%;
|
|
}
|
|
.progress-view.data-v-d6734b50 {
|
|
z-index: 9999;
|
|
position: fixed;
|
|
left: 30rpx;
|
|
right: 30rpx;
|
|
bottom: 80rpx;
|
|
}
|
|
.dots.data-v-d6734b50 {
|
|
position: fixed;
|
|
left: 20rpx;
|
|
top: 0;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
z-index: 9999;
|
|
flex-direction: row;
|
|
}
|
|
.dots .dots-container.data-v-d6734b50 {
|
|
width: -webkit-fit-content;
|
|
width: fit-content;
|
|
overflow: hidden;
|
|
margin: auto 0;
|
|
}
|
|
.dots .dots-container .dot-item.data-v-d6734b50 {
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 50%;
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
cursor: pointer;
|
|
margin-bottom: 10rpx;
|
|
}
|
|
.dots .dots-container .dot-item.active.data-v-d6734b50 {
|
|
width: 10rpx;
|
|
height: 30rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 5rpx;
|
|
}
|
|
.dots .pageNumber.data-v-d6734b50 {
|
|
font-weight: bold;
|
|
font-size: 28rpx;
|
|
color: #FFFFFF;
|
|
line-height: 36rpx;
|
|
text-align: left;
|
|
font-style: normal;
|
|
margin-left: 6rpx;
|
|
}
|
|
.flex-row-center-between.data-v-d6734b50 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.flex-row-start-between.data-v-d6734b50 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
}
|
|
.flex-row-center-center.data-v-d6734b50 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.flex-row-center.data-v-d6734b50 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.flex-row-start.data-v-d6734b50 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
}
|
|
.flex-row-end-between.data-v-d6734b50 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-end;
|
|
justify-content: space-between;
|
|
}
|
|
|