Authored by 李奇

Merge branch 'feature/personal3.0' into feature/release/3.0

# Conflicts:
#	config/common.js
@@ -12,6 +12,7 @@ @@ -12,6 +12,7 @@
12 bottom: 0; 12 bottom: 0;
13 transition: all 0.6s ease 0s; 13 transition: all 0.6s ease 0s;
14 transform: translate(100%, 0); 14 transform: translate(100%, 0);
  15 + background: #fff;
15 16
16 div { 17 div {
17 font-family: "BrownStd-Bold", "PingFang SC", Helvetica, Roboto, "Heiti SC", "\9ED1\4F53", Arial; 18 font-family: "BrownStd-Bold", "PingFang SC", Helvetica, Roboto, "Heiti SC", "\9ED1\4F53", Arial;
@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 <div class="white-mask"></div> 14 <div class="white-mask"></div>
15 <div class="editor-goods"> 15 <div class="editor-goods">
16 <ul> 16 <ul>
17 - <li v-for="(index, item) in block.goods.data"> 17 + <li v-for="(index, item) in block.goods.data" v-if="item.product">
18 <a :href="item.product.url"> 18 <a :href="item.product.url">
19 <img :src="item.src | resize 250 334"> 19 <img :src="item.src | resize 250 334">
20 <p class="title">{{item.product.product_name}}</p> 20 <p class="title">{{item.product.product_name}}</p>
@@ -66,12 +66,12 @@ @@ -66,12 +66,12 @@
66 } 66 }
67 67
68 li { 68 li {
69 - width: 250px; 69 + width: 250px !important;
70 display: inline-block; 70 display: inline-block;
71 margin-right: 30px; 71 margin-right: 30px;
72 72
73 img { 73 img {
74 - width: 250px; 74 + width: 250px !important;
75 height: 334px; 75 height: 334px;
76 } 76 }
77 77
@@ -61,14 +61,17 @@ @@ -61,14 +61,17 @@
61 61
62 .show-box { 62 .show-box {
63 background: $bgcolor; 63 background: $bgcolor;
64 - margin-top: 30px;  
65 - border-bottom: 1px solid #eee; 64 + border-bottom: 1px solid #000;
66 65
67 &.first-box { 66 &.first-box {
68 margin-top: 0; 67 margin-top: 0;
69 border-top: 0; 68 border-top: 0;
70 } 69 }
71 70
  71 + &:last-child {
  72 + border-bottom: 0;
  73 + }
  74 +
72 &:not(.no-padding) { 75 &:not(.no-padding) {
73 padding-bottom: 30px; 76 padding-bottom: 30px;
74 } 77 }
@@ -83,8 +86,9 @@ @@ -83,8 +86,9 @@
83 background: #fff; 86 background: #fff;
84 87
85 img { 88 img {
86 - width: 100%; 89 + width: 690px;
87 display: block; 90 display: block;
  91 + margin: 30px auto 0;
88 } 92 }
89 93
90 p { 94 p {
@@ -92,7 +96,7 @@ @@ -92,7 +96,7 @@
92 } 96 }
93 97
94 .text-block { 98 .text-block {
95 - padding: 30px; 99 + padding: 30px 30px 0;
96 } 100 }
97 } 101 }
98 102
@@ -182,6 +186,10 @@ @@ -182,6 +186,10 @@
182 } 186 }
183 } 187 }
184 188
  189 + .share-bottom {
  190 + z-index: 10;
  191 + }
  192 +
185 .editorial-article-title { 193 .editorial-article-title {
186 font-size: 43px; 194 font-size: 43px;
187 font-weight: bold; 195 font-weight: bold;
@@ -263,6 +271,7 @@ @@ -263,6 +271,7 @@
263 271
264 // 延时读取商品价格、名称等信息 272 // 延时读取商品价格、名称等信息
265 if (!products || !products.length) { 273 if (!products || !products.length) {
  274 + this.$set('content', contentData);
266 return; 275 return;
267 } 276 }
268 277
@@ -283,9 +292,12 @@ @@ -283,9 +292,12 @@
283 content.filter((block) => { 292 content.filter((block) => {
284 if (block.goods) { 293 if (block.goods) {
285 block.goods.data.filter(item => { 294 block.goods.data.filter(item => {
286 - item.product = _.find(productList, {'product_skn': item.id}); 295 + item.product = _.find(productList, {product_skn: item.id});
  296 + if (!item.src) {
  297 + item.src = item.product.default_images;
  298 + }
287 }); 299 });
288 - } 300 + }
289 }); 301 });
290 302
291 this.$set('content', content); 303 this.$set('content', content);