fe / yohobuy-frontend · Commits

Go to a project

Authored by xuqi
Commit 722e3dca4fffbc15aeda9b134bb534ac5779c3b3 1 parent 6b6483ca

提取标签公用

Inline Side-by-side
Showing 7 changed files with 83 additions and 97 deletions
... ... @@ -576,6 +576,7 @@ module.exports = function(flag) {
'虎也动作频频，于北京时间3.14日在东京发布其与意大利设计师AndreaPompilio合作的' +
'第2波--ONITSUKATIGER X ANDEREAPOMPILIO 2015秋冬新品便是其中之一。Yoho！Boy也' +
'为获取第一手的东宝特地来到东京并抢到了头排的“赏秀位”',
url: '',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 80,
... ... @@ -590,6 +591,7 @@ module.exports = function(flag) {
'虎也动作频频，于北京时间3.14日在东京发布其与意大利设计师AndreaPompilio合作的' +
'第2波--ONITSUKATIGER X ANDEREAPOMPILIO 2015秋冬新品便是其中之一。Yoho！Boy也' +
'为获取第一手的东宝特地来到东京并抢到了头排的“赏秀位”',
url: '',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 80,
... ... @@ -607,39 +609,35 @@ module.exports = function(flag) {
},
content: [
{
bigImage: {
src: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
alt: '复古风'
},
article: {
id: 1,
img: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
alt: '复古风',
title: 'Skin Art Series INN 2015春季新品',
text: '复古风劲吹，在各路复古跑鞋嚣张跋扈的当下，历史悠久的Onitsuka Tiger鬼冢' +
'虎也动作频频，于北京时间3.14日在东京发布其与意大利设计师AndreaPompilio合作的' +
'第2波--ONITSUKATIGER X ANDEREAPOMPILIO 2015秋冬新品便是其中之一。Yoho！Boy也' +
'为获取第一手的东宝特地来到东京并抢到了头排的“赏秀位”',
url: '',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 80,
share: false //不显示share标签
}
},
{
bigImage: {
src: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
alt: '复古风'
},
article: {
id: 2,
img: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
alt: '复古风',
title: 'Skin Art Series INN 2015春季新品',
text: '复古风劲吹，在各路复古跑鞋嚣张跋扈的当下，历史悠久的Onitsuka Tiger鬼冢' +
'虎也动作频频，于北京时间3.14日在东京发布其与意大利设计师AndreaPompilio合作的' +
'第2波--ONITSUKATIGER X ANDEREAPOMPILIO 2015秋冬新品便是其中之一。Yoho！Boy也' +
'为获取第一手的东宝特地来到东京并抢到了头排的“赏秀位”',
url: '',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 80,
share: false
}
}
]
}
//plus+star页模拟数据
... ...
@import "../common/time-view-like-share";
.tag-content {
margin: 30rem / $pxConvertRem 0 0 0;
padding: 0 0 24rem / $pxConvertRem 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background: #fff;
}
.tag-img {
position: relative;
width: 100%;
.tag-match {
position: absolute;
top: 0;
left: 0;
width: 130rem / $pxConvertRem;
height: 50rem / $pxConvertRem;
line-height: 50rem / $pxConvertRem;
font-size: 28rem / $pxConvertRem;
color: #fff;
background: #000;
text-align: center;
text-decoration: none;
}
img {
display: block;
width: 100%;
}
}
.tag-article {
margin: 32rem / $pxConvertRem 0 0 0;
padding: 0 40rem / $pxConvertRem 0 30rem / $pxConvertRem;
.tag-title{
line-height: 44rem / $pxConvertRem;
color: #000;
font-size: 40rem / $pxConvertRem;
font-weight:bold;
}
.tag-text {
margin: 16rem / $pxConvertRem 0 0 0;
line-height: 46rem / $pxConvertRem;
font-size: 28rem / $pxConvertRem;
color: #444;
}
.time-view-like-share {
margin-top: 16rem / $pxConvertRem;
}
}
\ No newline at end of file
... ...
@import "../common/tag-content";
.editor-header {
padding: (36rem / $pxConvertRem) 0 (40rem / $pxConvertRem) 0;
background: #fff;
... ...
@import "../common/time-view-like-share";
.tag-content {
margin: 30rem / $pxConvertRem 0 0 0;
padding: 0 0 24rem / $pxConvertRem 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background: #fff;
}
.tag-img {
position: relative;
width: 100%;
.tag-match {
position: absolute;
top: 0;
left: 0;
width: 130rem / $pxConvertRem;
height: 50rem / $pxConvertRem;
line-height: 50rem / $pxConvertRem;
font-size: 28rem / $pxConvertRem;
color: #fff;
background: #000;
text-align: center;
text-decoration: none;
}
img {
display: block;
width: 100%;
}
}
.tag-article {
margin: 32rem / $pxConvertRem 0 0 0;
padding: 0 40rem / $pxConvertRem 0 30rem / $pxConvertRem;
.tag-title{
line-height: 44rem / $pxConvertRem;
color: #000;
font-size: 40rem / $pxConvertRem;
font-weight:bold;
}
.tag-text {
margin: 16rem / $pxConvertRem 0 0 0;
line-height: 46rem / $pxConvertRem;
font-size: 28rem / $pxConvertRem;
color: #444;
}
.time-view-like-share {
margin-top: 16rem / $pxConvertRem;
}
}
@import "../common/tag-content";
... ...
... ... @@ -12,21 +12,6 @@
</div>
{{/ author}}
{{# content}}
<div class="tag-content">
{{# bigImage}}
<div class="tag-img">
<a href="javascript:;" class="tag-match">搭配</a>
<img src="{{src}}" alt="">
</div>
{{/ bigImage}}
{{# article}}
<div class="tag-article">
<h2 class="tag-title">{{title}}</h2>
<p class="tag-text">{{text}}</p>
{{> common/time_view_like_share}}
</div>
{{/ article}}
</div>
{{> common/tag_content}}
{{/ content}}
{{/ data}}
\ No newline at end of file
... ...
{{# data}}
<div class="tag-content" data-id="{{id}}">
<div class="tag-img">
<a href="javascript:;" class="tag-match">搭配</a>
<img src="{{img}}" alt="{{alt}}">
</div>
<div class="tag-article">
<h2 class="tag-title">{{title}}</h2>
<p class="tag-text">{{text}}</p>
{{> common/time_view_like_share}}
</div>
</div>
{{> common/tag_content}}
{{/ data}}
\ No newline at end of file
... ...
<div class="tag-content" data-id="{{id}}">
<div class="tag-img">
<a href="javascript:;" class="tag-match">搭配</a>
<img src="{{img}}" alt="{{alt}}">
</div>
<div class="tag-article">
<h2 class="tag-title">{{title}}</h2>
<p class="tag-text">{{text}}</p>
{{> common/time_view_like_share}}
</div>
</div>
\ No newline at end of file
... ...