fe / yohobuywap-node · Commits

Go to a project

Authored by 李靖
Commit 789628333a36e00068decc0ccace5b78a2ae92ff 1 parent 301510b6

图片高宽

Inline Side-by-side
Showing 3 changed files with 16 additions and 10 deletions
@@ -57,13 +57,17 @@ @@ -57,13 +57,17 @@
57 background-color: #fff; 57 background-color: #fff;
58 float: left; 58 float: left;
59 margin-bottom: 20px; 59 margin-bottom: 20px;
  60 + box-sizing: border-box;
  61 + width: 100%;
60 } 62 }
61 .guang-content p { 63 .guang-content p {
62 padding: 5px 0; 64 padding: 5px 0;
63 } 65 }
64 .guang-content .pic { 66 .guang-content .pic {
65 clear: both; 67 clear: both;
66 - width: 100%; 68 + margin: 0 auto;
  69 + display: block;
  70 + max-width: 100%;
67 } 71 }
68 .related-goods { 72 .related-goods {
69 float: left; 73 float: left;
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 {{# author}} 3 {{# author}}
4 <div class="editor-info" data-id={{id}}> 4 <div class="editor-info" data-id={{id}}>
5 <mip-link href={{url}}> 5 <mip-link href={{url}}>
6 - <mip-img class="pic" src={{image2 avatar mode=2 q=60}}> 6 + <mip-img class="pic" width="45" height="45" src={{image2 avatar mode=2 q=60}}>
7 </mip-img> 7 </mip-img>
8 <div class="name">{{name}}</div> 8 <div class="name">{{name}}</div>
9 <div class="intro">{{intro}}</div> 9 <div class="intro">{{intro}}</div>
@@ -25,9 +25,9 @@ @@ -25,9 +25,9 @@
25 {{#if bigImage}} 25 {{#if bigImage}}
26 <div class="big-pic"> 26 <div class="big-pic">
27 {{#if isGif}} 27 {{#if isGif}}
28 - <mip-anim class="pic" src="{{image2 bigImage q=60}}"></mip-anim> 28 + <mip-anim class="pic" width="{{width}}" height="{{height}}" src="{{image2 bigImage q=60}}"></mip-anim>
29 {{else}} 29 {{else}}
30 - <mip-img class="pic" src="{{image2 bigImage q=60}}"></mip-img> 30 + <mip-img class="pic" width="{{width}}" height="{{height}}" src="{{image2 bigImage q=60}}"></mip-img>
31 {{/if}} 31 {{/if}}
32 {{#if tagList}} 32 {{#if tagList}}
33 <div class="tag-list-box"> 33 <div class="tag-list-box">
@@ -53,9 +53,9 @@ @@ -53,9 +53,9 @@
53 <div class="small-pic"> 53 <div class="small-pic">
54 {{# smallImage}} 54 {{# smallImage}}
55 {{#if isGif}} 55 {{#if isGif}}
56 - <mip-anim class="pic" src="{{image2 src q=60}}"></mip-anim> 56 + <mip-anim class="pic" width="160" height="160" src="{{image2 src q=60}}"></mip-anim>
57 {{else}} 57 {{else}}
58 - <mip-img class="pic" src="{{image2 src q=60}}"></mip-img> 58 + <mip-img class="pic" width="160" height="160" src="{{image2 src q=60}}"></mip-img>
59 {{/if}} 59 {{/if}}
60 {{/ smallImage}} 60 {{/ smallImage}}
61 </div> 61 </div>
@@ -95,7 +95,7 @@ @@ -95,7 +95,7 @@
95 {{#each recommendProducts}} 95 {{#each recommendProducts}}
96 <div class="good-item"> 96 <div class="good-item">
97 <mip-link href="{{href}}"> 97 <mip-link href="{{href}}">
98 - <mip-img class="pic" src="{{image2 pic_url w=152 h=204}}"> 98 + <mip-img class="pic" width="100" height="134" src="{{image2 pic_url w=152 h=204}}">
99 </mip-img> 99 </mip-img>
100 </mip-link> 100 </mip-link>
101 <p class="price">&yen;{{price}}</p> 101 <p class="price">&yen;{{price}}</p>
@@ -248,7 +248,9 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW @@ -248,7 +248,9 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
248 bigImage: helpers.image(_.get(value, 'singleImage.data[0].src', ''), 640, 640), 248 bigImage: helpers.image(_.get(value, 'singleImage.data[0].src', ''), 640, 640),
249 noLazy: index <= 3, 249 noLazy: index <= 3,
250 tagList: tagList, 250 tagList: tagList,
251 - isGif: /\.gif/i.test(_.get(value, 'singleImage.data[0].src', '')) 251 + isGif: /\.gif/i.test(_.get(value, 'singleImage.data[0].src', '')),
  252 + width: _.get(value, 'singleImage.data[0].width', 0) / 2,
  253 + height: _.get(value, 'singleImage.data[0].height', 0) / 2,
252 }); 254 });
253 } 255 }
254 256
@@ -258,11 +260,11 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW @@ -258,11 +260,11 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
258 smallImage: [ 260 smallImage: [
259 { 261 {
260 src: helpers.image(_.get(value, 'smallPic.data[0].src', ''), 315, 420), 262 src: helpers.image(_.get(value, 'smallPic.data[0].src', ''), 315, 420),
261 - isGif: /\.gif/i.test(_.get(value, 'smallPic.data[0].src', '')) 263 + isGif: /\.gif/i.test(_.get(value, 'smallPic.data[0].src', '')),
262 }, 264 },
263 { 265 {
264 src: helpers.image(_.get(value, 'smallPic.data[1].src', ''), 315, 420), 266 src: helpers.image(_.get(value, 'smallPic.data[1].src', ''), 315, 420),
265 - isGif: /\.gif/i.test(_.get(value, 'smallPic.data[0].src', '')) 267 + isGif: /\.gif/i.test(_.get(value, 'smallPic.data[0].src', '')),
266 } 268 }
267 ] 269 ]
268 }); 270 });