From d903a7d4686fc06e42d283d164eab62765324bb0 Mon Sep 17 00:00:00 2001 From: hjm <63528605@qq.com> Date: Fri, 16 Aug 2019 16:57:39 +0800 Subject: [PATCH] css --- .../user/usersInfo/video/InfosVideo.css | 23 +++++++++++++++---- .../user/usersInfo/video/VideoInReviewItem.js | 7 +++++- 2 files changed, 24 insertions(+), 6 deletions(-) diff --git a/public/react/src/modules/user/usersInfo/video/InfosVideo.css b/public/react/src/modules/user/usersInfo/video/InfosVideo.css index fc301f6d9..c4c12a3f5 100644 --- a/public/react/src/modules/user/usersInfo/video/InfosVideo.css +++ b/public/react/src/modules/user/usersInfo/video/InfosVideo.css @@ -17,15 +17,18 @@ .videoItem img.cover { width: 100%; border-radius: 6px 6px 0px 0px; - height: 180px; + height: 158px; } .nItem.videoItem:hover .mask { display: block; top: 0px; width: 100%; - height: 180px; + height: 158px; cursor: pointer; } +.nItem.videoItem:hover .playWrap { + display: inline-block; +} .nItem .mask { border-radius: 6px 6px 0px 0px; display: none; @@ -34,12 +37,22 @@ background: #000; opacity: 0.5; } - +.videoItem .playWrap { + display: none; + width: 100%; + text-align: center; + height: 70px; + position: absolute; + top: 0px; + left: 0px; +} .videoItem img.play { margin-top: 20%; + position: relative; + z-index: 9999; } .videoItem .square-main { - padding: 10px 8px; + padding: 9px 8px; background: #fff; border-radius: 0px 0px 6px 6px; @@ -98,6 +111,6 @@ } /* 跳转按钮 */ .infoVideo .toUploadBtn { - height: 50px; + height: 48px; margin-right: 20px; } \ No newline at end of file diff --git a/public/react/src/modules/user/usersInfo/video/VideoInReviewItem.js b/public/react/src/modules/user/usersInfo/video/VideoInReviewItem.js index 9e5d48aa1..b62966d05 100644 --- a/public/react/src/modules/user/usersInfo/video/VideoInReviewItem.js +++ b/public/react/src/modules/user/usersInfo/video/VideoInReviewItem.js @@ -44,8 +44,13 @@ function VideoInReviewItem (props) { {!isReview &&
onMaskClick(props)}> - +
} + {!isReview && +
+ +
+ }
20 ? title : ''}