Merge branch 'feature/personal3.0' into feature/release/3.0
# Conflicts: # config/common.js
Showing
3 changed files
with
22 additions
and
9 deletions
@@ -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); |
-
Please register or login to post a comment