Skip to content

X
xiaomai-cloud-class-web
Commit 435c83c7 by wufan
Options

Merge branch 'hotfix/pangguoming/20210601/plan_list_add_cover' into 'master' 

Hotfix/pangguoming/20210601/plan list add cover

See merge request !32
parents 4098f112 e340da37
Showing with 94 additions and 68 deletions
src/modules/plan-manage/components/PlanList.less
.plan-list{ .plan-list {
margin-top:12px; margin-top: 12px;
.course-number{ .course-number {
text-align:right; text-align: right;
margin-right:45px; margin-right: 45px;
}
.plan-list-table {
thead.ant-table-thead {
tr {
th {
padding: 10px 12px;
}
}
} }
.plan-list-table{
tbody { tbody {
tr{ tr {
&:nth-child(even){ td.ant-table-cell {
background: transparent !important; padding: 16px 12px;
td{ color: #333;
background:#FFF !important; }
&:nth-child(even) {
background: transparent;
td {
background: #fff;
} }
} }
&:nth-child(odd){ &:nth-child(odd) {
background: #FAFAFA !important; background: #fafafa;
td{ td {
background: #FAFAFA !important; background: #fafafa;
} }
} }
&:hover{ &:hover {
td{ td {
background:#F3f6fa !important; background: #f3f6fa;
} }
} }
} }
} }
} }
.plan-name{ .plan_name_item {
text-overflow: -o-ellipsis-lastline; display: flex;
align-items: center;
.plan-cover {
width: 106px;
height: 60px;
border-radius: 2px;
margin-right: 8px;
}
.plan-name {
width: 188px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
height: 40px;
}
} }
.operate-text { .operate-text {
color: #2966FF; color: #2966ff;
cursor: pointer; cursor: pointer;
} }
.operate { .operate {
display: flex; display: flex;
&__item { &__item {
color: #2966FF; color: #2966ff;
cursor: pointer; cursor: pointer;
&.split { &.split {
margin: 0 8px; margin: 0 8px;
color: #BFBFBF; color: #bfbfbf;
} }
} }
} }
.join-number{ .join-number {
text-align:right; text-align: right;
margin-right:12px; margin-right: 12px;
} }
.more-operate{ .more-operate {
line-height:20px; line-height: 20px;
} }
} }
src/modules/plan-manage/modal/relatedCourseModal.less
...@@ -2,54 +2,57 @@ ...@@ -2,54 +2,57 @@
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
font-weight: 500; font-weight: 500;
} }
.link-create-course{ .ant-modal-footer {
color:#666666; display: flex;
font-size:14px; }
width:638px; .link-create-course {
text-align:left; color: #666666;
display:inline-block; font-size: 14px;
span{ width: 638px;
color:#2966FF; text-align: left;
} display: inline-block;
} span {
.search-container{ color: #2966ff;
margin-bottom:16px; }
} }
.select-area{ .search-container {
margin-bottom:12px; margin-bottom: 16px;
display:flex; }
justify-content:space-between; .select-area {
.select-box{ margin-bottom: 12px;
display:inline-box; display: flex;
justify-content: space-between;
.select-box {
display: inline-box;
width: 186px; width: 186px;
background: #E9EFFF; background: #e9efff;
border-radius: 4px; border-radius: 4px;
padding:6px 16px; padding: 6px 16px;
margin-right:8px; margin-right: 8px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.tip-icon{ .tip-icon {
color:#2966FF; color: #2966ff;
font-size:14px; font-size: 14px;
margin-right:4px; margin-right: 4px;
} }
.select-num{ .select-num {
color:#666666; color: #666666;
font-size:14px; font-size: 14px;
} }
.clear-btn{ .clear-btn {
text-align:right; text-align: right;
color:#2966FF; color: #2966ff;
font-size:14px; font-size: 14px;
} }
} }
.related-box{ .related-box {
padding:6px 16px; padding: 6px 16px;
background: #E9EFFF; background: #e9efff;
border-radius: 4px; border-radius: 4px;
flex:1; flex: 1;
color:#666666; color: #666666;
font-size:14px; font-size: 14px;
} }
} }
.search-container { .search-container {
......
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