bmy/electronTs-ks-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 01:23:51 +08:00
commit 72ab70b6fd
212 changed files with 30296 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
dist/application/assets/css/PlayVideo.css vendored Normal file
View File

@@ -0,0 +1,126 @@
html,
body,
.PlayVideo,
#my-video {
background: #000;
width: 100%;
height: 100%;
outline: none !important;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-container .swiper-slide {
text-align: center;
}
.swiper-container img {
height: 100%;
}
.PlayVideo {
position: fixed;
}
.PlayVideo .title {
width: 100%;
height: 45px;
text-align: center;
line-height: 45px;
color: #fff;
position: fixed;
z-index: 99;
}
.PlayVideo .title i {
position: absolute;
right: 20px;
font-size: 25px;
cursor: pointer;
}
.PlayVideo .title i:before {
cursor: pointer;
}
.PlayVideo .title .down_video {
right: 60px;
}
.PlayVideo .title .down_comment {
cursor: pointer;
right: 20px;
top: 2px;
font-size: 22px;
}
.PlayVideo .comment_list {
position: absolute;
right: -256px;
z-index: 90;
width: 256px;
background: #202020;
height: calc(100% - 32px);
top: 0;
overflow-y: scroll;
padding-top: 32px;
}
.PlayVideo .comment_list .showComment {
display: none;
}
.PlayVideo .comment_list .showComment .sub_comment {
padding: 0 !important;
margin-top: 15px;
border-bottom: none !important;
}
.PlayVideo .comment_list .showComment .sub_comment img {
width: 24px !important;
height: 24px !important;
}
.PlayVideo .comment_list .showComment .sub_comment .list_item {
margin-left: 8px !important;
}
.PlayVideo .comment_list .showComment .sub_comment .item_content {
font-size: 13px !important;
}
.PlayVideo .comment_list .item_comment {
display: flex;
justify-content: space-between;
padding: 15px;
box-sizing: border-box;
border-bottom: 1px solid #303030;
}
.PlayVideo .comment_list .item_comment:hover {
background: #2d2b2b;
cursor: pointer;
}
.PlayVideo .comment_list .item_comment img {
width: 30px;
height: 30px;
border-radius: 100%;
}
.PlayVideo .comment_list .item_comment .list_item {
margin-left: 13px;
width: 100%;
}
.PlayVideo .comment_list .item_comment .list_item .item_title {
margin-top: 6px;
color: #576b95;
margin-bottom: 10px;
}
.PlayVideo .comment_list .item_comment .list_item .item_content {
color: #909090;
font-size: 14px;
margin-bottom: 8px;
}
.PlayVideo .comment_list .item_comment .list_item .icon-like {
color: #606060;
font-size: 13px;
}
.PlayVideo .comment_list .item_comment .list_item .icon-like .numbe {
margin-left: 4px;
}
.PlayVideo .comment_list .item_comment .list_item .icon-like .view_other {
margin-left: 12px;
}
.PlayVideo .comment_list .item_comment .list_item .icon-like .view_other .icon-cc-down {
margin-left: 3px;
}
.PlayVideo .comment_list .item_comment .list_item .icon-like .view_other span,
.PlayVideo .comment_list .item_comment .list_item .icon-like .view_other .icon-cc-down {
color: #909090;
font-size: 12px;
}