style:ui测试

src/modules/knowledge-base/components/CourseData.jsx

@@ -3,7 +3,7 @@
  * @Author: zangsuyun
  * @Date: 2021-03-15 16:51:40
  * @LastEditors: zangsuyun
- * @LastEditTime: 2021-03-30 10:33:10
+ * @LastEditTime: 2021-04-10 16:13:07
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  */
 
@@ -339,7 +339,6 @@ class CourseData extends React.Component {
           </div>
 
           <Table
-            bordered
             size="small"
             scroll={{ y: 600 }}
             columns={this.getStudentColumns()}

src/modules/knowledge-base/components/KnowledgeBase.less

@@ -8,7 +8,7 @@
     flex-wrap: wrap;
 
     &__item {
-      width: 45%;
+      width: 33%;
       max-width: 600px;
       margin-right: 3%;
       margin-bottom: 12px;

src/modules/knowledge-base/components/KnowledgeBaseList.jsx

@@ -3,7 +3,7 @@
  * @Author: zangsuyun
  * @Date: 2021-03-12 14:49:40
  * @LastEditors: zangsuyun
- * @LastEditTime: 2021-04-10 10:55:13
+ * @LastEditTime: 2021-04-10 16:07:58
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  */
 
@@ -153,6 +153,7 @@ class KnowledgeBaseList extends React.Component {
             title: "抱歉，不能在线预览",
             content: "由于文件较大，不支持在线预览，请下载后再查看",
             // icon: <Icon type="question-circle" theme="filled" style={{ color: '#FF8534' }}></Icon>,
+            cancelText: "取消",
             okText: "下载",
             onOk: () => {
               this.handleDownload(folder)
@@ -189,7 +190,7 @@ class KnowledgeBaseList extends React.Component {
         key: "name",
         dataIndex: "name",
         width: 391,
-        // fixed: "left",
+        fixed: "left",
         render: (val, record) => {
           const { coverUrl, mediaCourseUrl } = record.source;
           let hasCover = false;
@@ -394,10 +395,11 @@ class KnowledgeBaseList extends React.Component {
         title: "课程类型",
         key: "type",
         dataIndex: "type",
+        align:'center',
         // width: 100,
         render: (val, record) => {
           return (
-            <div className="record__item">
+            <div className="">
               {val ? ENUM.CourseTypeEnum[val] : "-"}
             </div>
           );
@@ -407,6 +409,7 @@ class KnowledgeBaseList extends React.Component {
         title: "创建人",
         key: "createName",
         dataIndex: "createName",
+        align:'center',
         render: (val) => {
           return (
             <div>
@@ -423,10 +426,12 @@ class KnowledgeBaseList extends React.Component {
         title: "观看用户数",
         key: "watchUserCount",
         dataIndex: "watchUserCount",
+        align:'right',
         render: (val, item) => {
           return val ? (
             <div
               className="operate"
+              style={{display:'block'}}
               onClick={() => this.handleLinkToClassData(item)}
             >
               <span className="operate__item">{val}</span>
@@ -437,11 +442,15 @@ class KnowledgeBaseList extends React.Component {
         },
       },
       {
+        title: "",
+        width: 48,
+      },
+      {
         title: "操作",
         key: "operate",
         dataIndex: "operate",
         width: 160,
-        // fixed: "right",
+        fixed: "right",
         render: (val, record, index) => {
           console.log(this.props.categoryId);
           return this.props.categoryId === "0" ? (
@@ -554,7 +563,7 @@ class KnowledgeBaseList extends React.Component {
           dataSource={dataSource}
           columns={this.parseColumns()}
           pagination={false}
-          // scroll={{ x: 1500 }}
+          scroll={{ x: 900 }}
           bordered
           className="video-list-table"
         />

src/modules/knowledge-base/index.jsx

@@ -3,7 +3,7 @@
  * @Author: zangsuyun
  * @Date: 2021-03-12 10:43:10
  * @LastEditors: zangsuyun
- * @LastEditTime: 2021-04-08 11:52:42
+ * @LastEditTime: 2021-04-10 16:39:30
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  */
 import React from "react";
@@ -95,7 +95,7 @@ export default class KnowledgeBase extends React.Component {
           </div>
           <div
             className="liner"
-            style={{ backgroundColor: "rgb(238, 238, 238)", width: 0.5, margin: "1px 24px 1px 2px" }}
+            style={{ backgroundColor: "rgb(238, 238, 238)", width: 0.5, margin: "1px 16px 1px 2px" }}
           ></div>
           <div className="right" style={{ width: "calc(100% - 285px)" }}>
             <KnowledgeBaseFilter onChange={this.handleFetchScheduleList} />

src/modules/knowledge-base/modal/LiveList.less

@@ -12,7 +12,7 @@
     .course-name {
       font-size: 14px;
       font-weight: 400;
-      color: #333333;
+      color: #666666;
       font-family: PingFangSC-Regular, PingFang SC;
       line-height: 20px;
       max-width: 244px;
@@ -138,7 +138,7 @@
   .ant-tabs-nav .ant-tabs-tab {
     padding: 6px 12px !important;
     margin: 0;
-    border: 1px solid #e8e8e8;
+    border: 0.5px solid #e8e8e8;
     font-size: 14px !important;
     color: #999;