fe / yohobuywap-node · Commits

Go to a project

Authored by zzzzzzz
Commit c6b67288e7b8d40f29c9d416c3378bde2e5f8135 1 parent 7278cee0

推荐页面

Inline Side-by-side
Showing 3 changed files with 114 additions and 1 deletions
exports.index = (req, res, next) => {
res.send('activity-live');
res.render('entry',{});
};
\ No newline at end of file
... ...
<div class="yoho-live">
<div class="live-rec">
<div class="rec-child">
<img class="rec-pic" src="" alt="直播预览">
<p class="living">直播</p>
<div class="rec-info">
<img class="head" src="/activity/head.png" alt="头像">
<p class="name">Hybird <span class="name-tag">直播红人</span></p>
<p class="tag">Hybird living show</p>
</div>
</div>
<div class="rec-child">
<img class="rec-pic" src="" alt="直播预览">
<p class="pre-living">预告18:00</p>
<div class="rec-info">
<img class="head" src="/activity/head.png" alt="头像">
<p class="name">Fuckkkkkkl <span class="name-tag">潮流大人</span></p>
<p class="tag">啊是的噶德国 living show</p>
</div>
</div>
</div>
<div class="live-main">
</div>
<div class="live-list"></div>
</div>
\ No newline at end of file
... ...
.live-rec {
height: 405px;
width: 640px;
.rec-child {
position: relative;
height: 100%;
width: 50%;
float: left;
img {
height: 320px;
width: 320px;
}
.pre-living {
position: absolute;
top: 25px;
left: 25px;
height: 35px;
width: 123px;
background: url("/activity/pre-living.png") no-repeat center center;
color: #FFF;
font-size: 19px;
text-align: center;
line-height: 35px;
}
.living {
position: absolute;
top: 25px;
left: 25px;
height: 35px;
width: 70px;
background: url("/activity/living-status.png") no-repeat center center;
color: #FFF;
font-size: 19px;
text-align: center;
line-height: 35px;
}
.rec-info {
position: relative;
height: 85px;
width: 320px;
.head {
position: absolute;
top: 17px;
left: 25px;
height: 51px;
width: 51px;
border-radius: 50%;
}
.name {
position: absolute;
top: 17px;
left: 94px;
font-size: 22px;
color: #444444;
line-height: 100%;
}
.name-tag {
display: inline-block;
height: 26px;
width: 86px;
font-size: 17px;
background: url("/activity/name-tag.png") no-repeat;
color: #FFF;
text-align: center;
line-height: 26px;
}
.tag {
position: absolute;
bottom: 17px;
left: 94px;
font-size: 17px;
color: #444444;
line-height: 100%;
}
}
}
}
.live-main {}
... ...