Commit a4c00237 by zhanghaozhe

已购课程

parent 05c71f51
...@@ -56,15 +56,23 @@ class Purchased extends Component { ...@@ -56,15 +56,23 @@ class Purchased extends Component {
</Link> </Link>
</p> </p>
<p className='contact text-overflow-2'>{item.simpledescription}</p> <p className='contact text-overflow-2'>{item.simpledescription}</p>
<div className='des'> {
QQ群:{item.course_qq} item.is_aist
</div> ? <div className='des'>助教微信:{item.assist_weixin}</div>
: <div className='des'>QQ群:{item.course_qq}</div>
}
</div> </div>
) )
const status = (
item.is_aist && <span className='status'>返现</span>
)
return ( return (
<VList key={index} img={item.image_name} <VList key={index}
img={item.image_name}
id={item.course_id} id={item.course_id}
info={Info}></VList> info={Info}
status={status}
/>
) )
}) })
} }
......
.purchased-box { .purchased-box {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: $bg_f5f5f5; background-color: $bg_f5f5f5;
.tip {
width: 100%;
height: 30px;
line-height: 30px;
font-size: 12px;
color: $color_333;
text-align: center;
background-color: $bg_FFF4CE;
margin-bottom: 10px;
}
.tip { .purchased-body {
width: 100%; background-color: $bg_fff;
height: 30px;
line-height: 30px;
font-size: 12px;
color: $color_333;
text-align: center;
background-color: $bg_FFF4CE;
margin-bottom: 10px;
}
.purchased-body {
background-color: $bg_fff;
}
.v-list-item {
background-color: #fff;
.content {
padding-bottom: 10px;
border-bottom: 1px solid #e7eaf1;
.cover {
flex: inherit;
width: 42.2%;
img {
width: 100%;
}
}
} }
.info { .v-list-item {
width: 52.3%; background-color: #fff;
position: relative;
display: block;
.title { .content {
font-size: 16px; padding-bottom: 10px;
color: $color_333; border-bottom: 1px solid #e7eaf1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 16px;
line-height: 16px;
}
.contact {
font-size: 14px;
color: $color_666;
margin-top: 14px;
}
.des { .cover {
position: absolute; flex: inherit;
bottom: 5px; width: 42.2%;
color: $red;
font-size: 14px; img {
height: 14px; width: 100%;
line-height: 14px; }
} }
}
.info {
width: 52.3%;
position: relative;
display: block;
.title {
font-size: 16px;
color: $color_333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 16px;
line-height: 16px;
}
.contact {
font-size: 14px;
color: $color_666;
margin-top: 14px;
}
.des {
position: absolute;
bottom: 5px;
color: $active;
font-size: 14px;
height: 14px;
line-height: 14px;
}
}
} }
}
.cart-tip { .cart-tip {
color: #555; color: #555;
margin-top: 140px; margin-top: 140px;
text-align: center; text-align: center;
.iconfridge { .iconfridge {
font-size: 21px; font-size: 21px;
} }
.cart-mess {
font-size: 12px;
color: $color_666;
}
.cart-mess { a {
font-size: 12px; display: inline-block;
color: $color_666; width: 130px;
height: 30px;
border: 1px solid $bg_active;
border-radius: 15px;
font-size: 16px;
margin-top: 30px;
color: $active;
text-align: center;
line-height: 28px;
}
} }
a { .status {
display: inline-block; position: absolute;
width: 130px; top: 0;
height: 30px; right: 0;
border: 1px solid $bg_active; padding: 2px 6px;
border-radius: 15px; border-radius: 11px 0 0 11px;
font-size: 16px; font-size: 14px;
margin-top: 30px; color: #fff;
color: $active; background: linear-gradient(to bottom, #FF4000, #FD7700);
text-align: center;
line-height: 28px;
} }
}
} }
\ No newline at end of file
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