Commit e203f497 by guomingpang

style:外部课程样式修改

parent 5184dc02
.video-course-list {
margin-top: 12px;
.video-list-table{
.video-list-table {
tbody {
tr{
&:nth-child(even){
tr {
&:nth-child(even) {
background: transparent !important;
td{
background:#FFF !important;
td {
background: #fff !important;
}
}
&:nth-child(odd){
background: #FAFAFA !important;
td{
background: #FAFAFA !important;
&:nth-child(odd) {
background: #fafafa !important;
td {
background: #fafafa !important;
}
}
&:hover{
td{
background:#F3f6fa !important;
&:hover {
td {
background: #f3f6fa !important;
}
}
}
}
}
.watchUserCount{
text-align:right;
padding:16px;
.watchUserCount {
text-align: right;
padding: 16px;
}
.operate-text {
color: #5289FA;
color: #5289fa;
cursor: pointer;
}
.operate {
display: flex;
&__item {
color: #5289FA;
color: #5289fa;
cursor: pointer;
&.split {
margin: 0 8px;
color: #BFBFBF;
color: #bfbfbf;
}
}
}
.more-operate{
line-height:20px;
.more-operate {
line-height: 20px;
}
.record__item {
display: flex;
......@@ -56,21 +56,20 @@
height: 50px;
border-radius: 2px;
margin-right: 8px;
background-color: #666;
// background-color: #666;
}
.course-name {
color: #666;
width:188px;
width: 188px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height:48px;
height: 48px;
}
}
}
.video-course-more-menu {
......@@ -85,4 +84,4 @@
background: #f3f6fa;
}
}
}
\ No newline at end of file
}
......@@ -2,7 +2,7 @@
* @Author: 吴文洁
* @Date: 2020-08-05 10:11:57
* @LastEditors: fusanqiasng
* @LastEditTime: 2021-05-28 15:38:11
* @LastEditTime: 2021-05-28 16:18:56
* @Description: 视频课-搜索模块
* @Copyright: 杭州杰竞科技有限公司 版权所有
*/
......@@ -78,14 +78,7 @@ class VideoCourseFilter extends React.Component {
renderTreeNodes = (data) => {
let newTreeData = data.map((item) => {
item.title = (
<span>
<span className='icon iconfont' style={{ color: '#FBD140' }}>
&#xe7f1;&nbsp;
</span>
{item.categoryName}
</span>
)
item.title = <span>{item.categoryName}</span>
item.key = item.id
if (item.sonCategoryList) {
item.children = this.renderTreeNodes(item.sonCategoryList)
......@@ -194,7 +187,6 @@ class VideoCourseFilter extends React.Component {
categoryList,
} = this.state
console.log('categoryList', categoryList)
return (
<div className='video-course-filter'>
<Row type='flex' justify='space-between' align='top'>
......
......@@ -3,7 +3,7 @@
* @Date: 2020-08-05 10:12:45
* @LastEditors: fusanqiasng
<<<<<<< HEAD
* @LastEditTime: 2021-05-28 14:01:36
* @LastEditTime: 2021-05-28 16:17:35
=======
<<<<<<< Updated upstream
* @LastEditTime: 2021-05-27 17:48:31
......@@ -463,11 +463,11 @@ class VideoCourseList extends React.Component {
)
}
render() {
const { dataSource = [], totalCount, query } = this.props
const { dataSource = [], totalCount, query, type } = this.props
const { current, size } = query
const { RelatedPlanModalVisible, selectPlanList, selectCourseId } = this.state
return (
<div className='video-course-list'>
<div className={`video-course-list ${type !== 'internal' ? 'video-course-list-mt' : ''}`}>
<Table
rowKey={(record) => record.id}
dataSource={dataSource}
......
.video-course-list {
margin-top: 12px;
&.video-course-list-mt {
margin-top: 4px;
}
.video-list-table {
tbody {
tr {
......@@ -56,7 +59,7 @@
height: 50px;
border-radius: 2px;
margin-right: 8px;
background-color: #666;
// background-color: #666;
}
.course-name {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment