提交 3a0a43fe 编写于 作者: chendeli's avatar chendeli

add

上级 637f78e3
...@@ -331,14 +331,16 @@ export default { ...@@ -331,14 +331,16 @@ export default {
border-radius: px2rem(3px); border-radius: px2rem(3px);
} }
.course-tag{ .course-tag{
position: absolute; position: absolute;
display: inline-block; display: inline-block;
top:px2rem(5px); top:px2rem(5px);
left: px2rem(5px); left: px2rem(5px);
height: px2rem(16px); line-height: px2rem(14px);
height:px2rem(16px);
color:#4A87D4; color:#4A87D4;
padding: 0 px2rem(3px); padding: 0 px2rem(3px);
background: #C3DCFB; background: #FAFCFF;
border:1px solid #C3DCFB;
font-size: px2rem(10px); font-size: px2rem(10px);
border-radius: px2rem(2px); border-radius: px2rem(2px);
} }
...@@ -347,7 +349,7 @@ export default { ...@@ -347,7 +349,7 @@ export default {
margin-top: px2rem(5px); margin-top: px2rem(5px);
font-size: px2rem(14px); font-size: px2rem(14px);
line-height: px2rem(19px); line-height: px2rem(19px);
height: px2rem(38px); max-height: px2rem(38px);
color: #333; color: #333;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -362,7 +364,7 @@ export default { ...@@ -362,7 +364,7 @@ export default {
color:#999; color:#999;
} }
.opt{ .opt{
display: inline-block;
height: px2rem(18px); height: px2rem(18px);
line-height: px2rem(18px); line-height: px2rem(18px);
padding:0 px2rem(4px); padding:0 px2rem(4px);
......
...@@ -100,7 +100,7 @@ export default { ...@@ -100,7 +100,7 @@ export default {
} }
.hot-teacher{ .hot-teacher{
width: 100%; width: 100%;
margin-top: px2rem(15px); margin-top: px2rem(30px);
padding: 0 px2rem(15px) px2rem(26px); padding: 0 px2rem(15px) px2rem(26px);
.category-img{ .category-img{
width: 100%; width: 100%;
......
...@@ -263,6 +263,7 @@ export default { ...@@ -263,6 +263,7 @@ export default {
width: px2rem(60px); width: px2rem(60px);
height: px2rem(60px); height: px2rem(60px);
border-radius: px2rem(3px); border-radius: px2rem(3px);
box-shadow: 0 px2rem(2px) px2rem(3px) #004E40;
float: left; float: left;
img{ img{
width:100%; width:100%;
...@@ -295,6 +296,7 @@ export default { ...@@ -295,6 +296,7 @@ export default {
padding: 0 px2rem(5px); padding: 0 px2rem(5px);
color: #BF9E15; color: #BF9E15;
border-radius: 0 px2rem(3px) px2rem(3px) px2rem(3px); border-radius: 0 px2rem(3px) px2rem(3px) px2rem(3px);
background: #FFFDFA;
/* background-color: px2rem(17px);*/ /* background-color: px2rem(17px);*/
border:1px solid #FAE5AF; border:1px solid #FAE5AF;
} }
...@@ -348,22 +350,25 @@ export default { ...@@ -348,22 +350,25 @@ export default {
} }
.play-start{ .play-start{
span{ span{
-webkit-animation: bodong 0.5s infinite ease-in-out alternate; -webkit-animation: bodong 0.5s infinite ease-in-out alternate;
animation: bodong 0.5s infinite ease-in-out alternate;
} }
span:first-child{ span:first-child{
left:px2rem(8px); left:px2rem(8px);
-webkit-animation-delay:.1s; -webkit-animation-delay:.1s;
animation-delay:.1s;
} }
span:nth-child(2){ span:nth-child(2){
left:px2rem(12px); left:px2rem(12px);
-webkit-animation-delay:.3s; -webkit-animation-delay:.3s;
animation-delay:.3s;
} }
span:nth-child(3){ span:nth-child(3){
left:px2rem(16px); left:px2rem(16px);
-webkit-animation-delay:.5s; -webkit-animation-delay:.5s;
animation-delay:.5s;
} }
@-webkit-keyframes bodong{ @-webkit-keyframes bodong{
0%{height:px2rem(5px); } 0%{height:px2rem(5px); }
...@@ -372,6 +377,13 @@ export default { ...@@ -372,6 +377,13 @@ export default {
80%{height:px2rem(10px);} 80%{height:px2rem(10px);}
100%{height:px2rem(5px);} 100%{height:px2rem(5px);}
} }
@keyframes bodong{
0%{height:px2rem(5px); }
30%{height:px2rem(10px);}
60%{height:px2rem(15px);}
80%{height:px2rem(10px);}
100%{height:px2rem(5px);}
}
} }
img{ img{
width: 100%; width: 100%;
......
...@@ -164,13 +164,15 @@ export default { ...@@ -164,13 +164,15 @@ export default {
font-weight: bold; font-weight: bold;
} }
.get-more{ .get-more{
border: 1px solid RGBA(169, 174, 183, 1); border: 1px solid RGBA(169, 174, 183, 0.5);
border-radius: px2rem(9px); border-radius: px2rem(16px);
padding: px2rem(3px) px2rem(5px) px2rem(2px) px2rem(6px); padding: 0 px2rem(5px) 0 px2rem(6px);
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
float: right; float: right;
margin-top:px2rem(3px); margin-top:px2rem(3px);
height: px2rem(16px);
line-height: px2rem(16px);
} }
.thorw-icon{ .thorw-icon{
width: px2rem(8px); width: px2rem(8px);
...@@ -206,9 +208,9 @@ export default { ...@@ -206,9 +208,9 @@ export default {
text-align: center; text-align: center;
} }
.tea-itemimg{ .tea-itemimg{
width: px2rem(45px); width: px2rem(50px);
height: px2rem(45px); height: px2rem(50px);
margin-top: px2rem(5px);
border-radius: 50%; border-radius: 50%;
} }
.tea-itemname{ .tea-itemname{
......
...@@ -93,7 +93,7 @@ html,body{ ...@@ -93,7 +93,7 @@ html,body{
top:-(px2rem(27px)); top:-(px2rem(27px));
padding: px2rem(15px) px2rem(10px); padding: px2rem(15px) px2rem(10px);
box-shadow: 0 px2rem(1px) px2rem(5px) RGBA(42, 94, 161, 0.15); box-shadow: 0 px2rem(1px) px2rem(5px) RGBA(49, 127, 119, 0.1);
border-radius: px2rem(3px); border-radius: px2rem(3px);
} }
.banner-item{ .banner-item{
......
...@@ -154,6 +154,7 @@ export default { ...@@ -154,6 +154,7 @@ export default {
height: px2rem(17px); height: px2rem(17px);
span{ span{
float: left; float: left;
font-size: px2rem(12px);
} }
} }
.continue-study{ .continue-study{
......
...@@ -193,10 +193,12 @@ export default { ...@@ -193,10 +193,12 @@ export default {
display: inline-block; display: inline-block;
top:px2rem(5px); top:px2rem(5px);
left: px2rem(5px); left: px2rem(5px);
height: px2rem(16px); line-height: px2rem(14px);
height:px2rem(16px);
color:#4A87D4; color:#4A87D4;
padding: 0 px2rem(3px); padding: 0 px2rem(3px);
background: #C3DCFB; background: #FAFCFF;
border:1px solid #C3DCFB;
font-size: px2rem(10px); font-size: px2rem(10px);
border-radius: px2rem(2px); border-radius: px2rem(2px);
} }
...@@ -221,6 +223,7 @@ export default { ...@@ -221,6 +223,7 @@ export default {
position: relative; position: relative;
.opt{ .opt{
display: inline-block;
top:0; top:0;
right: 0; right: 0;
position: absolute; position: absolute;
......
...@@ -145,8 +145,8 @@ export default { ...@@ -145,8 +145,8 @@ export default {
} }
// _this.token = 'AA093EC1A2084B17B098515F2A04A6'; // _this.token = 'AA093EC1A2084B17B098515F2A04A6';
// _this.init() // _this.init()
this.getUserInfo(); this.getUserInfo();
window.__getStatusBarHeight = function(parm){ window.__getStatusBarHeight = function(parm){
......
...@@ -266,9 +266,9 @@ body{background: #fff} ...@@ -266,9 +266,9 @@ body{background: #fff}
background: #D8D8D8; background: #D8D8D8;
text-align: center; text-align: center;
img{ img{
width: px2rem(35px); width: px2rem(45px);
height: px2rem(35px); height: px2rem(45px);
margin-top:px2rem(9px);
border-radius: 50%; border-radius: 50%;
} }
} }
...@@ -282,6 +282,10 @@ body{background: #fff} ...@@ -282,6 +282,10 @@ body{background: #fff}
.detail-intr{ .detail-intr{
text-align: center; text-align: center;
line-height: px2rem(17px); line-height: px2rem(17px);
height: px2rem(17px);
overflow: hidden;
width: 90%;
margin:0 auto;
font-size: px2rem(12px); font-size: px2rem(12px);
color:#666; color:#666;
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册