css

public/react/src/modules/user/usersInfo/video/EditVideoModal.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect, useContext, useRef, memo } from 'react';
 import { Progress, Input, Tooltip, Form } from 'antd'
 import { getUrl2, isDev, CBreadcrumb, ActionBtn, ThemeContext, ModalWrapper } from 'educoder'
 import axios from 'axios'
+const MAX_LENGTH = 30
 
 function EditVideoModal (props) {
     const modalEl = useRef(null);
@@ -71,11 +72,11 @@ function EditVideoModal (props) {
                     rules: [{
                         required: true, message: '请输入标题',
                     }, {
-                        max: 30, message: '最大限制为30个字符',
+                        max: MAX_LENGTH, message: '最大限制为30个字符',
                     }],
                 })(
-                    <Input placeholder="" className="titleInput" maxLength="30"
+                    <Input placeholder="" className="titleInput" maxLength={MAX_LENGTH}
-                            addonAfter={String(_title ? _title.length : 0)} />
+                            addonAfter={String(_title ? `${String(_title.length)}/${MAX_LENGTH}` : 0)} />
                 )}
             </Form.Item>
         </ModalWrapper>

public/react/src/modules/user/usersInfo/video/InfosVideo.css

@@ -26,7 +26,7 @@
     height: 158px;
     cursor: pointer;
 }
-.nItem.videoItem:hover .playWrap {
+.nItem.videoItem:hover .playWrap {.videoItem img.play
     display: inline-block;
 }
 .nItem .mask {
@@ -49,7 +49,7 @@
 .videoItem img.play {
     margin-top: 20%;
     position: relative;
-    z-index: 9999;
+    z-index: 99;
 }
 .videoItem .square-main {
     padding: 9px 8px;

public/react/src/modules/user/usersInfo/video/InfosVideo.js

@@ -269,7 +269,7 @@ function InfoVideo (props) {
                 </span>
 
                 {categoryObj.category == 'all' && <CRoundSelect {...props}
-                    width={'88px'}
+                    width={'90px'}
                     items={_items}
                     onSortChange={onSortChange}
                     sortKey={sortKey }

public/react/src/modules/user/usersInfo/video/VideoInReviewItem.js

@@ -47,7 +47,7 @@ function VideoInReviewItem (props) {
                 
             </div>}
             {!isReview && 
-            <div className="playWrap">
+            <div className="playWrap" onClick={() => onMaskClick(props)}>
                 <img className="play" src={playIcon}></img>
             </div>
             }
@@ -59,12 +59,12 @@ function VideoInReviewItem (props) {
                     {/* 2019-09-01 10:00:22 */}
                     <span className="time">{moment(published_at || created_at).format('YYYY-MM-DD HH:mm:ss')}</span>
                     { isReview != true && <div>
-                        <Tooltip title="编辑">
+                        <Tooltip title="编辑" placement="bottom">
                             <i className="icon-bianji1 iconfont" onClick={() => onEditVideo(props)}
                                 style={{    marginTop: '1px', display: 'inline-block'}}
                             ></i>
                         </Tooltip>
-                        <Tooltip title="复制视频地址">
+                        <Tooltip title="复制视频地址" placement="bottom">
                             <i className={`icon-fuzhi iconfont copybtn_item_${id}`} data-clipboard-text={getCopyText(file_url, cover_url)}></i>
                         </Tooltip>
                     </div> }