104 lines
1.6 KiB
Plaintext
104 lines
1.6 KiB
Plaintext
/* pages/video_show/video_show.wxss */
|
|
.video-box{
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 100000;
|
|
background: rgba(0,0,0,0.8);
|
|
position: fixed;
|
|
left: 0;
|
|
top:0;
|
|
}
|
|
.video-box .close{
|
|
position: fixed;
|
|
left: 20rpx;
|
|
top: 20rpx;
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
z-index: 1000000
|
|
}
|
|
.video-box video{
|
|
/* margin: calc(50vh - 120px) auto;
|
|
display: block; */
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
.cover{
|
|
position: fixed;
|
|
left: 5px;
|
|
top: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
|
|
|
|
}
|
|
.image{
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
|
|
}
|
|
.inner{
|
|
border:1px solid #aaa;
|
|
background: rgba(0,0,0,0.2);
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.video-img-box{
|
|
background: #000;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
color: #fff;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0
|
|
|
|
}
|
|
.video-img-box .tab{
|
|
display: flex;
|
|
font-size: 28rpx;
|
|
height: 100rpx;
|
|
|
|
}
|
|
.video-img-box .tab .item{
|
|
display: inline-flex;
|
|
flex: 1;
|
|
color: #e8e8e8;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: 400
|
|
}
|
|
.video-img-box .tab .item.active{
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
color: #fff;
|
|
}
|
|
.video-img-box .content{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 100vw;
|
|
}
|
|
.img-box{
|
|
width: 100vw;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
}
|
|
.img-box image{
|
|
display: block;
|
|
width: 100vw;
|
|
}
|
|
.img-box video{
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 100vw;
|
|
max-height: 70vh;
|
|
}
|