Authored by 李靖

图片高宽

... ... @@ -57,13 +57,17 @@
background-color: #fff;
float: left;
margin-bottom: 20px;
box-sizing: border-box;
width: 100%;
}
.guang-content p {
padding: 5px 0;
}
.guang-content .pic {
clear: both;
width: 100%;
margin: 0 auto;
display: block;
max-width: 100%;
}
.related-goods {
float: left;
... ...
... ... @@ -3,7 +3,7 @@
{{# author}}
<div class="editor-info" data-id={{id}}>
<mip-link href={{url}}>
<mip-img class="pic" src={{image2 avatar mode=2 q=60}}>
<mip-img class="pic" width="45" height="45" src={{image2 avatar mode=2 q=60}}>
</mip-img>
<div class="name">{{name}}</div>
<div class="intro">{{intro}}</div>
... ... @@ -25,9 +25,9 @@
{{#if bigImage}}
<div class="big-pic">
{{#if isGif}}
<mip-anim class="pic" src="{{image2 bigImage q=60}}"></mip-anim>
<mip-anim class="pic" width="{{width}}" height="{{height}}" src="{{image2 bigImage q=60}}"></mip-anim>
{{else}}
<mip-img class="pic" src="{{image2 bigImage q=60}}"></mip-img>
<mip-img class="pic" width="{{width}}" height="{{height}}" src="{{image2 bigImage q=60}}"></mip-img>
{{/if}}
{{#if tagList}}
<div class="tag-list-box">
... ... @@ -53,9 +53,9 @@
<div class="small-pic">
{{# smallImage}}
{{#if isGif}}
<mip-anim class="pic" src="{{image2 src q=60}}"></mip-anim>
<mip-anim class="pic" width="160" height="160" src="{{image2 src q=60}}"></mip-anim>
{{else}}
<mip-img class="pic" src="{{image2 src q=60}}"></mip-img>
<mip-img class="pic" width="160" height="160" src="{{image2 src q=60}}"></mip-img>
{{/if}}
{{/ smallImage}}
</div>
... ... @@ -95,7 +95,7 @@
{{#each recommendProducts}}
<div class="good-item">
<mip-link href="{{href}}">
<mip-img class="pic" src="{{image2 pic_url w=152 h=204}}">
<mip-img class="pic" width="100" height="134" src="{{image2 pic_url w=152 h=204}}">
</mip-img>
</mip-link>
<p class="price">&yen;{{price}}</p>
... ...
... ... @@ -248,7 +248,9 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
bigImage: helpers.image(_.get(value, 'singleImage.data[0].src', ''), 640, 640),
noLazy: index <= 3,
tagList: tagList,
isGif: /\.gif/i.test(_.get(value, 'singleImage.data[0].src', ''))
isGif: /\.gif/i.test(_.get(value, 'singleImage.data[0].src', '')),
width: _.get(value, 'singleImage.data[0].width', 0) / 2,
height: _.get(value, 'singleImage.data[0].height', 0) / 2,
});
}
... ... @@ -258,11 +260,11 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
smallImage: [
{
src: helpers.image(_.get(value, 'smallPic.data[0].src', ''), 315, 420),
isGif: /\.gif/i.test(_.get(value, 'smallPic.data[0].src', ''))
isGif: /\.gif/i.test(_.get(value, 'smallPic.data[0].src', '')),
},
{
src: helpers.image(_.get(value, 'smallPic.data[1].src', ''), 315, 420),
isGif: /\.gif/i.test(_.get(value, 'smallPic.data[0].src', ''))
isGif: /\.gif/i.test(_.get(value, 'smallPic.data[0].src', '')),
}
]
});
... ...