精品课程调整

dev_oauth
杨树明 6 years ago
parent 87aa723e95
commit 78f26b1eb5

@ -114,7 +114,7 @@ em.vertical-line{display: inline-block;width: 2px;background: #999;height: 10px}
/*块状列表上面的绿色标签*/ /*块状列表上面的绿色标签*/
.tag-green{ .tag-green{
position: absolute; position: absolute;
left: 15px; left: 10px;
bottom: 95px;} bottom: 95px;}
.tag-green .tag-name{display: block;width: auto; .tag-green .tag-name{display: block;width: auto;
/*background-image: url("/images/educoder/tag1.png");*/ /*background-image: url("/images/educoder/tag1.png");*/

@ -61,8 +61,15 @@ class CoursesHomeCard extends Component{
</div> </div>
:"" :""
} }
{
item.excellent === false ? "" :
<div className="tag-orange">
<span className="tag-name">开放课程</span>
</div>
}
{item.is_end===true?<p className="fr squareIconSpan mt10 biaoqiancours"> {item.is_end===true?<p className="fr squareIconSpan mt10 biaoqiancours">
<i className="iconfont icon-biaoqian fl memberscount"></i>
<div className={"coursesover"}>已结束</div> <div className={"coursesover"}>已结束</div>
</p>:""} </p>:""}
<div className="substance"> <div className="substance">

@ -24,12 +24,16 @@ a{
} }
.biaoqiancours{ .biaoqiancours{
overflow: hidden; overflow: hidden;
position: relative; position: absolute;
right: 0px;
bottom: 56px;
} }
.coursesover{ .coursesover{
position: absolute;
color: #fff; color: #fff;
left: 17px;
background: #dfdfdf; background: #dfdfdf;
width: 200px; width: 64px;
text-align: right;
padding-right: 10px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
} }

@ -295,11 +295,22 @@ class ShixunsHome extends Component {
<Link to={"/shixuns"} className="moreitem">更多<i className="fa fa-angle-right ml5"></i></Link> <Link to={"/shixuns"} className="moreitem">更多<i className="fa fa-angle-right ml5"></i></Link>
<div className="square-list clearfix" style={{width:'102%'}}> <div className="square-list clearfix" style={{width:'102%'}}>
<style>
{
`
.taglistleft{
position: absolute;
left: 10px;
bottom: 125px;
}
`
}
</style>
{homedatalist===undefined?"":homedatalist.shixuns.map((item,key)=>{ {homedatalist===undefined?"":homedatalist.shixuns.map((item,key)=>{
return( return(
<div className="square-Item" key={key} id={item.id} style={{width:'286px'}}> <div className="square-Item" key={key} id={item.id} style={{width:'286px'}}>
<div className="tag-green"> <div className="tag-green taglistleft">
<span className="tag-name"> {item.tag_name}</span> <span className="tag-name"> {item.tag_name}</span>
{/*<img style={{display:item.tag_name===null?"none":'block'}} src={require(`./tag2.png`)}/>*/} {/*<img style={{display:item.tag_name===null?"none":'block'}} src={require(`./tag2.png`)}/>*/}
</div> </div>

@ -84,6 +84,17 @@ class ShixunCard extends Component {
{ middleshixundata===undefined?" ":middleshixundata.map((item,key)=>{ { middleshixundata===undefined?" ":middleshixundata.map((item,key)=>{
return( return(
<div className="square-Item" key={key} id={item.id}> <div className="square-Item" key={key} id={item.id}>
<style>
{
`
.tag-green {
position: absolute;
left: 10px;
bottom: 125px;
}
`
}
</style>
{ {
item.tag_name === null ? "": item.tag_name === null ? "":
<div className="tag-green"> <div className="tag-green">

@ -116,7 +116,7 @@ em.vertical-line{display: inline-block;width: 2px;background: #999;height: 10px}
/*块状列表上面的绿色标签*/ /*块状列表上面的绿色标签*/
.tag-green{ .tag-green{
position: absolute; position: absolute;
left: 15px; left: 10px;
bottom: 95px;} bottom: 95px;}
.tag-green .tag-name{display: block;width: auto; .tag-green .tag-name{display: block;width: auto;
/*background-image: url("/images/educoder/tag1.png");*/ /*background-image: url("/images/educoder/tag1.png");*/

Loading…
Cancel
Save