feat:调整视频课的样式

src/modules/course-manage/video-course/components/VideoCourseList.jsx

@@ -68,7 +68,7 @@ class VideoCourseList extends React.Component {
         title: '视频课',
         title: '视频课',
         key: 'scheduleName',
         key: 'scheduleName',
         dataIndex: 'scheduleName',
         dataIndex: 'scheduleName',
-        width: '20%',
+        width:'15%',
         render: (val, record) => {
         render: (val, record) => {
           const { coverUrl, scheduleVideoUrl } = record;
           const { coverUrl, scheduleVideoUrl } = record;
           return (
           return (
@@ -90,6 +90,7 @@ class VideoCourseList extends React.Component {
         title: '课程分类',
         title: '课程分类',
         key: 'categoryName',
         key: 'categoryName',
         dataIndex: 'categoryName',
         dataIndex: 'categoryName',
+        width: '10%',
         render: (val, record) => {
         render: (val, record) => {
           return (
           return (
             <div className="record__item">
             <div className="record__item">
@@ -102,6 +103,7 @@ class VideoCourseList extends React.Component {
         title: '创建人',
         title: '创建人',
         key: 'createName',
         key: 'createName',
         dataIndex: 'createName',
         dataIndex: 'createName',
+        width: '8%',
         render: (val) => {
         render: (val) => {
           return (
           return (
               <div>
               <div>
@@ -123,7 +125,7 @@ class VideoCourseList extends React.Component {
           <span>店铺展示</span>
           <span>店铺展示</span>
           <Tooltip  title={<div>开启后，用户可在店铺内查看到此课程。若课程“未成功开课”，则系统会自动“关闭”店铺展示。<br/>关闭后，店铺内不再展示此课程，但用户仍可通过分享的海报/链接查看此课程。</div>}><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf'}}>&#xe61d;</i></Tooltip>
           <Tooltip  title={<div>开启后，用户可在店铺内查看到此课程。若课程“未成功开课”，则系统会自动“关闭”店铺展示。<br/>关闭后，店铺内不再展示此课程，但用户仍可通过分享的海报/链接查看此课程。</div>}><i className="icon iconfont" style={{ marginLeft: '5px',cursor:'pointer',color:'#bfbfbf'}}>&#xe61d;</i></Tooltip>
         </span>,
         </span>,
-        width: "7%",
+        width: '12%',
         dataIndex: "courseware",
         dataIndex: "courseware",
         render: (val, item, index) => {
         render: (val, item, index) => {
           return  (
           return  (
@@ -144,6 +146,7 @@ class VideoCourseList extends React.Component {
       },
       },
       {
       {
         title: '创建时间',
         title: '创建时间',
+        width: "10%",
         key: 'created',
         key: 'created',
         dataIndex: 'created',
         dataIndex: 'created',
         sorter: true,
         sorter: true,
@@ -153,6 +156,7 @@ class VideoCourseList extends React.Component {
       },
       },
       {
       {
         title: '更新时间',
         title: '更新时间',
+        width: "10%",
         key: 'updated',
         key: 'updated',
         dataIndex: 'updated',
         dataIndex: 'updated',
         sorter: true,
         sorter: true,
@@ -164,6 +168,7 @@ class VideoCourseList extends React.Component {
         title: '操作',
         title: '操作',
         key: 'operate',
         key: 'operate',
         dataIndex: 'operate',
         dataIndex: 'operate',
+        width: "20%",
         render: (val, record) => {
         render: (val, record) => {
           return (
           return (
             <div className="operate">
             <div className="operate">

src/modules/course-manage/video-course/components/VideoCourseList.less

@@ -2,7 +2,7 @@
   margin-top: 12px;
   margin-top: 12px;
 
 
   .operate-text {
   .operate-text {
-    color: #FF8534;
+    color: #5289FA;
     cursor: pointer;
     cursor: pointer;
   }
   }
 
 
@@ -10,7 +10,7 @@
     display: flex;
     display: flex;
 
 
     &__item {
     &__item {
-      color: #FF8534;
+      color: #5289FA;
       cursor: pointer;
       cursor: pointer;
 
 
       &.split {
       &.split {
@@ -19,7 +19,6 @@
       }
       }
     }
     }
   }
   }
-
   .record__item {
   .record__item {
     display: flex;
     display: flex;