Authored by 陈轩

fix

@@ -30,8 +30,6 @@ @@ -30,8 +30,6 @@
30 <p class="living">直播</p> 30 <p class="living">直播</p>
31 {{else if pre_living}} 31 {{else if pre_living}}
32 <p class="pre-living">{{starting_time}}</p> 32 <p class="pre-living">{{starting_time}}</p>
33 - {{else rec_living}}  
34 - <p class="living">回放</p>  
35 {{/if}} 33 {{/if}}
36 </a> 34 </a>
37 <div class="liverec_info"> 35 <div class="liverec_info">
@@ -10,8 +10,7 @@ global.$ = $; @@ -10,8 +10,7 @@ global.$ = $;
10 10
11 $('.live-wrapper').css({ 11 $('.live-wrapper').css({
12 position: 'relative', 12 position: 'relative',
13 - height: window.innerHeight,  
14 - width: window.innerWidth 13 + height: window.innerHeight
15 }); 14 });
16 15
17 $(function() { 16 $(function() {
@@ -57,28 +57,28 @@ $border: #e0e0e0; @@ -57,28 +57,28 @@ $border: #e0e0e0;
57 line-height: 1.5; 57 line-height: 1.5;
58 } 58 }
59 59
60 - &_info { 60 + /*&_info {
61 position: relative; 61 position: relative;
62 height: 102px; 62 height: 102px;
63 width: 320px; 63 width: 320px;
64 border-top: 1px solid $border; 64 border-top: 1px solid $border;
65 border-bottom: 1px solid $border; 65 border-bottom: 1px solid $border;
66 - } 66 + }*/
67 67
68 - &_head { 68 + /*&_head {
69 position: absolute; 69 position: absolute;
70 top: 20px; 70 top: 20px;
71 left: 30px; 71 left: 30px;
72 height: 60px; 72 height: 60px;
73 width: 60px; 73 width: 60px;
74 border-radius: 50%; 74 border-radius: 50%;
75 - } 75 + }*/
76 76
77 - &_pannel { 77 + /*&_pannel {
78 position: absolute; 78 position: absolute;
79 top: 20px; 79 top: 20px;
80 left: 110px; 80 left: 110px;
81 - } 81 + }*/
82 82
83 &_name { 83 &_name {
84 margin-bottom: 14px; 84 margin-bottom: 14px;
@@ -87,7 +87,7 @@ $border: #e0e0e0; @@ -87,7 +87,7 @@ $border: #e0e0e0;
87 line-height: 100%; 87 line-height: 100%;
88 } 88 }
89 89
90 - .name-tag { 90 + /*.name-tag {
91 position: relative; 91 position: relative;
92 top: -2px; 92 top: -2px;
93 display: inline-block; 93 display: inline-block;
@@ -100,7 +100,7 @@ $border: #e0e0e0; @@ -100,7 +100,7 @@ $border: #e0e0e0;
100 color: $white; 100 color: $white;
101 text-align: center; 101 text-align: center;
102 line-height: 1.5; 102 line-height: 1.5;
103 - } 103 + }*/
104 104
105 &_tag { 105 &_tag {
106 font-size: 20px; 106 font-size: 20px;
@@ -114,6 +114,36 @@ $border: #e0e0e0; @@ -114,6 +114,36 @@ $border: #e0e0e0;
114 } 114 }
115 } 115 }
116 116
  117 +.liverec_info {
  118 + height: 100px;
  119 + padding: 20px 10px 20px 30px;
  120 +}
  121 +
  122 +.liverec_head {
  123 + float: left;
  124 + width: 60px;
  125 + height: 60px;
  126 + margin-right: 20px;
  127 + border-radius: 50%;
  128 +}
  129 +
  130 +.liverec_pannel {
  131 + overflow: hidden;
  132 +}
  133 +
  134 +.liverec_name {
  135 + line-height: 1;
  136 + font-size: 26px;
  137 + margin-bottom: 14px;
  138 +
  139 + .name-tag {
  140 + display: inline-block;
  141 + width: 100px;
  142 + text-align: center;
  143 + font-size: 18px;
  144 + }
  145 +}
  146 +
117 .liveliving { 147 .liveliving {
118 .title { 148 .title {
119 width: 640px; 149 width: 640px;