Merge branch 'develop'
Showing
50 changed files
with
237 additions
and
153 deletions
@@ -69,7 +69,7 @@ const handleBrandList = origin => { | @@ -69,7 +69,7 @@ const handleBrandList = origin => { | ||
69 | 69 | ||
70 | // 如果有数字,单独处理 | 70 | // 如果有数字,单独处理 |
71 | if (hasNum) { | 71 | if (hasNum) { |
72 | - let brands = {}; | 72 | + let brands = []; |
73 | 73 | ||
74 | _.forEach(numTemp, (subValue) => { | 74 | _.forEach(numTemp, (subValue) => { |
75 | brands.push({ | 75 | brands.push({ |
@@ -46,7 +46,7 @@ const _getInfoNumData = (uid) => { | @@ -46,7 +46,7 @@ const _getInfoNumData = (uid) => { | ||
46 | method: 'app.address.gethidden' // 用户地址的数据 | 46 | method: 'app.address.gethidden' // 用户地址的数据 |
47 | }, { | 47 | }, { |
48 | code: 200 | 48 | code: 200 |
49 | - }), singleAPI.get('brower', { | 49 | + }), singleAPI.get('favorite', { |
50 | method: 'app.favorite.getFavoriteCount', // 获取用户收藏商品总数 | 50 | method: 'app.favorite.getFavoriteCount', // 获取用户收藏商品总数 |
51 | uid: uid | 51 | uid: uid |
52 | }, { | 52 | }, { |
@@ -7,6 +7,11 @@ const processProductList = require(`${global.utils}/beautify/product`); | @@ -7,6 +7,11 @@ const processProductList = require(`${global.utils}/beautify/product`); | ||
7 | 7 | ||
8 | /* 查询最新产品列表 */ | 8 | /* 查询最新产品列表 */ |
9 | exports.getNewData = (params) => { | 9 | exports.getNewData = (params) => { |
10 | + if (params.hasOwnProperty('priceRange')) { | ||
11 | + params.price = params.priceRange; | ||
12 | + delete params.priceRange; | ||
13 | + } | ||
14 | + | ||
10 | params = Object.assign({ | 15 | params = Object.assign({ |
11 | method: 'app.search.newProduct', | 16 | method: 'app.search.newProduct', |
12 | }, params); | 17 | }, params); |
@@ -19,6 +19,7 @@ const search = { | @@ -19,6 +19,7 @@ const search = { | ||
19 | cache: true, | 19 | cache: true, |
20 | code: 200 | 20 | code: 200 |
21 | }).then(result => { | 21 | }).then(result => { |
22 | + result = result || {}; | ||
22 | if (result.data) { | 23 | if (result.data) { |
23 | prettyFilter(result.data.filter); | 24 | prettyFilter(result.data.filter); |
24 | result = camelCase(result); | 25 | result = camelCase(result); |
@@ -151,8 +151,17 @@ const getBrandShopGoodsData = params => { | @@ -151,8 +151,17 @@ const getBrandShopGoodsData = params => { | ||
151 | return shopApi.getBrandInfoByDomain({ | 151 | return shopApi.getBrandInfoByDomain({ |
152 | domain: params.domain | 152 | domain: params.domain |
153 | }).then(result => { | 153 | }).then(result => { |
154 | - if (result.data && result.data.shop_id) { | ||
155 | - Object.assign(params, {shopId: result.data.shop_id}); | 154 | + if (result.data) { |
155 | + if (result.data.shop_id) { | ||
156 | + Object.assign(params, { | ||
157 | + shopId: result.data.shop_id | ||
158 | + }); | ||
159 | + } | ||
160 | + if (result.data.id) { | ||
161 | + Object.assign(params, { | ||
162 | + brand: result.data.id | ||
163 | + }); | ||
164 | + } | ||
156 | } | 165 | } |
157 | return _getGoodsList(params); | 166 | return _getGoodsList(params); |
158 | }); | 167 | }); |
@@ -8,8 +8,8 @@ | @@ -8,8 +8,8 @@ | ||
8 | 8 | ||
9 | const channel = { | 9 | const channel = { |
10 | men: '9ee58aadd9559d07207fe4a98843eaac', | 10 | men: '9ee58aadd9559d07207fe4a98843eaac', |
11 | - women: 'aa8d34c85934c2ccc16e2babd3eb5e47', | ||
12 | - lifestyle: '3ad8826fc89fb0d023a4cd06a6991219' | 11 | + women: '3ad8826fc89fb0d023a4cd06a6991219', |
12 | + lifestyle: 'aa8d34c85934c2ccc16e2babd3eb5e47' | ||
13 | }; | 13 | }; |
14 | 14 | ||
15 | const brand = { | 15 | const brand = { |
@@ -15,9 +15,9 @@ | @@ -15,9 +15,9 @@ | ||
15 | (function(d,c){var e=d.documentElement,a="orientationchange" in window?"orientationchange":"resize",b=function(){var f=e.clientWidth;if(!f){return}if(f>=750){e.style.fontSize="40px"}else{e.style.fontSize=40*(f/750)+"px"}};if(!d.addEventListener){return}b();c.addEventListener(a,b,false);d.addEventListener("DOMContentLoaded",b,false)})(document,window); | 15 | (function(d,c){var e=d.documentElement,a="orientationchange" in window?"orientationchange":"resize",b=function(){var f=e.clientWidth;if(!f){return}if(f>=750){e.style.fontSize="40px"}else{e.style.fontSize=40*(f/750)+"px"}};if(!d.addEventListener){return}b();c.addEventListener(a,b,false);d.addEventListener("DOMContentLoaded",b,false)})(document,window); |
16 | </script> | 16 | </script> |
17 | {{#if devEnv}} | 17 | {{#if devEnv}} |
18 | - <link rel="stylesheet" href="//localhost:5004/css/index.css"> | 18 | + <link rel="stylesheet" media="all" href="//localhost:5004/css/index.css"> |
19 | {{#unless noLocalCSS}} | 19 | {{#unless noLocalCSS}} |
20 | - <link rel="stylesheet" href="//localhost:5004/{{module}}.{{page}}.css"> | 20 | + <link rel="stylesheet" media="all" href="//localhost:5004/{{module}}.{{page}}.css"> |
21 | {{/unless}} | 21 | {{/unless}} |
22 | {{^}} | 22 | {{^}} |
23 | <link rel="stylesheet" href="//cdn.yoho.cn/yohoblk-wap/{{version}}/index.css"> | 23 | <link rel="stylesheet" href="//cdn.yoho.cn/yohoblk-wap/{{version}}/index.css"> |
@@ -37,14 +37,14 @@ | @@ -37,14 +37,14 @@ | ||
37 | "serve-favicon": "^2.3.0", | 37 | "serve-favicon": "^2.3.0", |
38 | "uuid": "^2.0.2", | 38 | "uuid": "^2.0.2", |
39 | "winston": "^2.2.0", | 39 | "winston": "^2.2.0", |
40 | - "winston-daily-rotate-file": "^1.1.4", | 40 | + "winston-daily-rotate-file": "^1.3.0", |
41 | "yoho-md5": "^2.0.0", | 41 | "yoho-md5": "^2.0.0", |
42 | - "yoho-node-lib": "0.0.40" | 42 | + "yoho-node-lib": "0.0.41" |
43 | }, | 43 | }, |
44 | "devDependencies": { | 44 | "devDependencies": { |
45 | "autoprefixer": "^6.4.0", | 45 | "autoprefixer": "^6.4.0", |
46 | "babel-core": "^6.13.2", | 46 | "babel-core": "^6.13.2", |
47 | - "babel-loader": "^6.2.4", | 47 | + "babel-loader": "^6.2.5", |
48 | "babel-plugin-transform-runtime": "^6.12.0", | 48 | "babel-plugin-transform-runtime": "^6.12.0", |
49 | "babel-preset-es2015": "^6.13.2", | 49 | "babel-preset-es2015": "^6.13.2", |
50 | "babel-runtime": "^6.11.6", | 50 | "babel-runtime": "^6.11.6", |
@@ -61,7 +61,7 @@ | @@ -61,7 +61,7 @@ | ||
61 | "handlebars-loader": "^1.3.0", | 61 | "handlebars-loader": "^1.3.0", |
62 | "husky": "^0.11.6", | 62 | "husky": "^0.11.6", |
63 | "jquery": "2.2.4", | 63 | "jquery": "2.2.4", |
64 | - "nodemon": "^1.10.0", | 64 | + "nodemon": "^1.10.2", |
65 | "postcss-assets": "^4.0.1", | 65 | "postcss-assets": "^4.0.1", |
66 | "postcss-cachebuster": "^0.1.3", | 66 | "postcss-cachebuster": "^0.1.3", |
67 | "postcss-calc": "^5.2.1", | 67 | "postcss-calc": "^5.2.1", |
@@ -82,12 +82,12 @@ | @@ -82,12 +82,12 @@ | ||
82 | "stylelint-processor-html": "^1.0.0", | 82 | "stylelint-processor-html": "^1.0.0", |
83 | "vue": "1.0.26", | 83 | "vue": "1.0.26", |
84 | "vue-infinite-scroll": "0.2.3", | 84 | "vue-infinite-scroll": "0.2.3", |
85 | - "vue-lazyload": "0.4.5", | 85 | + "vue-lazyload": "^0.5.0", |
86 | "vue-loader": "^8.5.3", | 86 | "vue-loader": "^8.5.3", |
87 | "vue-swipe": "0.2.6", | 87 | "vue-swipe": "0.2.6", |
88 | "vue-touch": "1.1.0", | 88 | "vue-touch": "1.1.0", |
89 | - "webpack": "^1.13.1", | ||
90 | - "webpack-dashboard": "0.0.1", | 89 | + "webpack": "^1.13.2", |
90 | + "webpack-dashboard": "^0.1.1", | ||
91 | "webpack-dev-server": "^1.14.1", | 91 | "webpack-dev-server": "^1.14.1", |
92 | "webpack-stream": "^3.1.0", | 92 | "webpack-stream": "^3.1.0", |
93 | "yoho-cookie": "1.2.0", | 93 | "yoho-cookie": "1.2.0", |
public/font/brownstd/BrownStd-Bold.eot
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Bold.svg
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Bold.ttf
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Bold.woff
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Italic.eot
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Italic.svg
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Italic.ttf
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Italic.woff
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Light.eot
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Light.svg
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Light.ttf
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Light.woff
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Regular.eot
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Regular.svg
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Regular.ttf
0 → 100644
No preview for this file type
public/font/brownstd/BrownStd-Regular.woff
0 → 100644
No preview for this file type
No preview for this file type
@@ -8,7 +8,6 @@ | @@ -8,7 +8,6 @@ | ||
8 | <missing-glyph horiz-adv-x="1024" /> | 8 | <missing-glyph horiz-adv-x="1024" /> |
9 | <glyph unicode=" " horiz-adv-x="0" d="" /> | 9 | <glyph unicode=" " horiz-adv-x="0" d="" /> |
10 | <glyph unicode="" glyph-name="delete" d="M911 725h-242v123q0 21-13.5 34.5t-34.5 13.5h-246q-20 0-33.5-13.5t-13.5-34.5v-123h-246q-21 0-34.5-13.5t-13.5-34 13.5-34 34.5-13.5h829q21 0 34.5 13.5t13.5 34-13.5 34-34.5 13.5zM423 725v72h147v-72h-147zM765 579q-21 0-34.5-14t-13.5-34v-560h-441v560q0 20-13.5 34t-34 14-34-14-13.5-34v-611q0-21 13.5-34.5t34.5-13.5h536q20 0 33.5 13.5t13.5 34.5v611q3 20-11.5 34t-35.5 14zM447 67v389q0 20-13.5 33.5t-34 13.5-34-13.5-13.5-33.5v-389q0-21 13.5-34.5t34-13.5 34 13.5 13.5 34.5zM645 67v389q0 20-13.5 33.5t-34.5 13.5q-20 0-35.5-13.5t-15.5-33.5v-389q0-21 13.5-34.5t34.5-13.5 36 13.5 15 34.5z" /> | 10 | <glyph unicode="" glyph-name="delete" d="M911 725h-242v123q0 21-13.5 34.5t-34.5 13.5h-246q-20 0-33.5-13.5t-13.5-34.5v-123h-246q-21 0-34.5-13.5t-13.5-34 13.5-34 34.5-13.5h829q21 0 34.5 13.5t13.5 34-13.5 34-34.5 13.5zM423 725v72h147v-72h-147zM765 579q-21 0-34.5-14t-13.5-34v-560h-441v560q0 20-13.5 34t-34 14-34-14-13.5-34v-611q0-21 13.5-34.5t34.5-13.5h536q20 0 33.5 13.5t13.5 34.5v611q3 20-11.5 34t-35.5 14zM447 67v389q0 20-13.5 33.5t-34 13.5-34-13.5-13.5-33.5v-389q0-21 13.5-34.5t34-13.5 34 13.5 13.5 34.5zM645 67v389q0 20-13.5 33.5t-34.5 13.5q-20 0-35.5-13.5t-15.5-33.5v-389q0-21 13.5-34.5t34.5-13.5 36 13.5 15 34.5z" /> |
11 | -<glyph unicode="" glyph-name="bag" d="M512 812q43 0 82.5-17t68-45.5 45.5-68 17-82.5v-43h171v-640q0-53-37.5-90.5t-90.5-37.5h-512q-53 0-90.5 37.5t-37.5 90.5v640h171v43q0 43 17 82.5t45.5 68 68 45.5 82.5 17zM811-84v555h-598v-555q0-18 12.5-30.5t30.5-12.5h512q18 0 30.5 12.5t12.5 30.5zM512 727q-53 0-90.5-37.5t-37.5-90.5v-43h256v43q0 53-37.5 90.5t-90.5 37.5z" /> | ||
12 | <glyph unicode="" glyph-name="down" d="M516 256l409 404q2 1 6 6t7 8 8 7 9 5.5 8.5 2 8.5-2.5l38-21q7-7 7.5-17.5t-6.5-17.5l-476-471q-7-8-17.5-8t-17.5 7zM531 158q-8-7-18.5-7t-17.5 8l-475 471q-7 7-7 17.5t7 17.5l38 21q4 3 8.5 2.5t8.5-2 9-5.5 8-7 7-8 6-6l415-407z" /> | 11 | <glyph unicode="" glyph-name="down" d="M516 256l409 404q2 1 6 6t7 8 8 7 9 5.5 8.5 2 8.5-2.5l38-21q7-7 7.5-17.5t-6.5-17.5l-476-471q-7-8-17.5-8t-17.5 7zM531 158q-8-7-18.5-7t-17.5 8l-475 471q-7 7-7 17.5t7 17.5l38 21q4 3 8.5 2.5t8.5-2 9-5.5 8-7 7-8 6-6l415-407z" /> |
13 | <glyph unicode="" glyph-name="check" d="M998.5 724.5q-12.5 11.5-29.5 11t-29-12.5l-552-588-302 297q-12 12-29.5 12t-29.5-12.5-12-29.5 13-29l332-327v-1q2-1 9-5 1-1 2.5-2t2.5-1q7-3 15-3t16 3q1 1 3 2l1 1q7 5 9 6l1 1 581 619q12 13 11.5 30t-13 28.5z" /> | 12 | <glyph unicode="" glyph-name="check" d="M998.5 724.5q-12.5 11.5-29.5 11t-29-12.5l-552-588-302 297q-12 12-29.5 12t-29.5-12.5-12-29.5 13-29l332-327v-1q2-1 9-5 1-1 2.5-2t2.5-1q7-3 15-3t16 3q1 1 3 2l1 1q7 5 9 6l1 1 581 619q12 13 11.5 30t-13 28.5z" /> |
14 | <glyph unicode="" glyph-name="love" d="M887 653q-19 24-31 33l-8 8q-53 51-126 51-103 0-211-106-107 106-210 106-74 0-126-51l-5-4-3-4q-12-9-31-33-74-93-60-191 7-48 33.5-98.5t61.5-92 80-82.5 84-70 77.5-54.5 57.5-36.5 28-15l13-7 14 7q8 4 27 15t58 36.5 78 54.5 84 70 80 82.5 61.5 92 33.5 98.5q14 98-60 191zM893 470q-7-52-43.5-109t-81.5-101-100-86.5-91.5-66-65.5-38.5q-28 15-64.5 38.5t-92 66-100 86.5-81 101-43.5 109q-13 92 75 176 4 5 11.5 12.5t32 20 52.5 12.5q87 0 189-111l21-23 22 23q102 111 189 111 27 0 52-12.5t32.5-20 11.5-12.5q88-84 75-176z" /> | 13 | <glyph unicode="" glyph-name="love" d="M887 653q-19 24-31 33l-8 8q-53 51-126 51-103 0-211-106-107 106-210 106-74 0-126-51l-5-4-3-4q-12-9-31-33-74-93-60-191 7-48 33.5-98.5t61.5-92 80-82.5 84-70 77.5-54.5 57.5-36.5 28-15l13-7 14 7q8 4 27 15t58 36.5 78 54.5 84 70 80 82.5 61.5 92 33.5 98.5q14 98-60 191zM893 470q-7-52-43.5-109t-81.5-101-100-86.5-91.5-66-65.5-38.5q-28 15-64.5 38.5t-92 66-100 86.5-81 101-43.5 109q-13 92 75 176 4 5 11.5 12.5t32 20 52.5 12.5q87 0 189-111l21-23 22 23q102 111 189 111 27 0 52-12.5t32.5-20 11.5-12.5q88-84 75-176z" /> |
@@ -41,4 +40,5 @@ | @@ -41,4 +40,5 @@ | ||
41 | <glyph unicode="" glyph-name="like" horiz-adv-x="999" d="M957.265 520.242c-23.127 27.298-57.094 42.958-93.184 42.958h-228.202l31.944 63.888c28.647 58.618 25.225 126.501-9.191 181.623-34.117 54.647-93.259 87.29-158.245 87.29h-13.836l-246.434-394.29v13.961h-240.116v-620.469h797.521c60.541 0 110.917 42.933 119.783 101.975l66.485 427.582c5.694 34.092-3.971 68.858-26.524 95.482v0zM97.48 418.167h45.131v-425.46h-45.131v425.46zM240.116 465.72h93.534l201.578 325.807c17.508-7.168 30.22-18.507 37.913-33.892l1.324-2.348c16.809-26.124 18.232-59.242 3.422-87.040l-50.226-100.502-47.379-102.025h383.8c7.543 0 11.913-1.973 16.134-7.268l1.873-2.073c1.973-1.998 4.321-6.818 4.546-18.532l-66.060-424.81c-2.473-12.363-11.514-20.33-23.052-20.33h-557.406v473.013z" /> | 40 | <glyph unicode="" glyph-name="like" horiz-adv-x="999" d="M957.265 520.242c-23.127 27.298-57.094 42.958-93.184 42.958h-228.202l31.944 63.888c28.647 58.618 25.225 126.501-9.191 181.623-34.117 54.647-93.259 87.29-158.245 87.29h-13.836l-246.434-394.29v13.961h-240.116v-620.469h797.521c60.541 0 110.917 42.933 119.783 101.975l66.485 427.582c5.694 34.092-3.971 68.858-26.524 95.482v0zM97.48 418.167h45.131v-425.46h-45.131v425.46zM240.116 465.72h93.534l201.578 325.807c17.508-7.168 30.22-18.507 37.913-33.892l1.324-2.348c16.809-26.124 18.232-59.242 3.422-87.040l-50.226-100.502-47.379-102.025h383.8c7.543 0 11.913-1.973 16.134-7.268l1.873-2.073c1.973-1.998 4.321-6.818 4.546-18.532l-66.060-424.81c-2.473-12.363-11.514-20.33-23.052-20.33h-557.406v473.013z" /> |
42 | <glyph unicode="" glyph-name="read" horiz-adv-x="1650" d="M837.803 737.621c280.121 0 524.857-150.983 657.636-375.922-132.779-224.939-377.515-375.922-657.636-375.922s-524.857 150.983-657.636 375.922c132.779 224.939 377.515 375.922 657.636 375.922zM837.803 851.399c-308.85 0-598.414-165.49-755.655-431.844l-34.133-57.856 34.133-57.799c157.241-266.411 446.805-431.9 755.655-431.9 308.793 0 598.357 165.49 755.598 431.9l34.133 57.799-34.133 57.856c-157.241 266.354-446.805 431.844-755.598 431.844zM837.803 144.384c-120.775 0-219.022 98.247-219.022 219.022s98.247 219.022 219.022 219.022c120.775 0 219.022-98.247 219.022-219.022s-98.247-219.022-219.022-219.022v0zM837.803 468.651c-58.084 0-105.244-47.218-105.244-105.244s47.161-105.244 105.244-105.244c58.027 0 105.244 47.218 105.244 105.244s-47.218 105.244-105.244 105.244v0z" /> | 41 | <glyph unicode="" glyph-name="read" horiz-adv-x="1650" d="M837.803 737.621c280.121 0 524.857-150.983 657.636-375.922-132.779-224.939-377.515-375.922-657.636-375.922s-524.857 150.983-657.636 375.922c132.779 224.939 377.515 375.922 657.636 375.922zM837.803 851.399c-308.85 0-598.414-165.49-755.655-431.844l-34.133-57.856 34.133-57.799c157.241-266.411 446.805-431.9 755.655-431.9 308.793 0 598.357 165.49 755.598 431.9l34.133 57.799-34.133 57.856c-157.241 266.354-446.805 431.844-755.598 431.844zM837.803 144.384c-120.775 0-219.022 98.247-219.022 219.022s98.247 219.022 219.022 219.022c120.775 0 219.022-98.247 219.022-219.022s-98.247-219.022-219.022-219.022v0zM837.803 468.651c-58.084 0-105.244-47.218-105.244-105.244s47.161-105.244 105.244-105.244c58.027 0 105.244 47.218 105.244 105.244s-47.218 105.244-105.244 105.244v0z" /> |
43 | <glyph unicode="" glyph-name="back" horiz-adv-x="595" d="M510.071-122.475l-510.071 508.476 510.023 510 67.346-67.346-442.559-442.559 442.511-441.106-67.251-67.465z" /> | 42 | <glyph unicode="" glyph-name="back" horiz-adv-x="595" d="M510.071-122.475l-510.071 508.476 510.023 510 67.346-67.346-442.559-442.559 442.511-441.106-67.251-67.465z" /> |
43 | +<glyph unicode="" glyph-name="bag" horiz-adv-x="857" d="M95.256-28.767v571.535h666.791v-571.535h-666.791zM271.598 643.667c0 86.611 70.442 157.077 157.053 157.077s157.077-70.465 157.077-157.077v-5.644h-314.13v5.644zM680.984 638.023v5.644c0 139.145-113.212 252.333-252.333 252.333s-252.309-113.188-252.309-252.333v-5.644h-176.342v-762.047h857.302v762.047h-176.319z" /> | ||
44 | </font></defs></svg> | 44 | </font></defs></svg> |
No preview for this file type
No preview for this file type
@@ -65,7 +65,7 @@ const applySuccuss = function(type, applyId) { | @@ -65,7 +65,7 @@ const applySuccuss = function(type, applyId) { | ||
65 | 65 | ||
66 | const modal = new Modal({ | 66 | const modal = new Modal({ |
67 | styleClass: 'return-success-modal', | 67 | styleClass: 'return-success-modal', |
68 | - text: `${kind.name}申请已提交,请等待审核.....`, | 68 | + title: `${kind.name}申请已提交,请等待审核.....`, |
69 | buttons: [{ | 69 | buttons: [{ |
70 | text: '返回订单', | 70 | text: '返回订单', |
71 | handler: function() { | 71 | handler: function() { |
@@ -17,7 +17,7 @@ html, | @@ -17,7 +17,7 @@ html, | ||
17 | body { | 17 | body { |
18 | width: 100%; | 18 | width: 100%; |
19 | font-size: 24px; | 19 | font-size: 24px; |
20 | - font-family: Helvetica, Roboto, "Heiti SC", "黑体", Arial; | 20 | + font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; |
21 | line-height: 1.4; | 21 | line-height: 1.4; |
22 | } | 22 | } |
23 | 23 |
public/scss/common/_font.css
0 → 100644
1 | +/* BrownStd standard */ | ||
2 | +@font-face { | ||
3 | + font-family: "BrownStd"; | ||
4 | + src: resolve("brownstd/BrownStd-Regular.eot"); /* IE9 */ | ||
5 | + src: resolve("brownstd/BrownStd-Regular.eot?#iefix") format("embedded-opentype"), resolve("brownstd/BrownStd-Regular.woff") format("woff"), resolve("brownstd/BrownStd-Regular.ttf") format("truetype"), resolve("brownstd/BrownStd-Regular.svg#iconfont") format("svg"); /* iOS 4.1- */ | ||
6 | +} | ||
7 | + | ||
8 | +/* BrownStd-Bold */ | ||
9 | +@font-face { | ||
10 | + font-family: "BrownStd-Bold"; | ||
11 | + src: resolve("brownstd/BrownStd-Bold.eot"); /* IE9 */ | ||
12 | + src: resolve("brownstd/BrownStd-Bold.eot?#iefix") format("embedded-opentype"), resolve("brownstd/BrownStd-Bold.woff") format("woff"), resolve("brownstd/BrownStd-Bold.ttf") format("truetype"), resolve("brownstd/BrownStd-Bold.svg#iconfont") format("svg"); /* iOS 4.1- */ | ||
13 | +} | ||
14 | + | ||
15 | +.brown-bold { | ||
16 | + font-family: "BrownStd-Bold" !important; | ||
17 | +} | ||
18 | + | ||
19 | +/* BrownStd-Italic */ | ||
20 | +@font-face { | ||
21 | + font-family: "BrownStd-Italic"; | ||
22 | + src: resolve("brownstd/BrownStd-Italic.eot"); /* IE9 */ | ||
23 | + src: resolve("brownstd/BrownStd-Italic.eot?#iefix") format("embedded-opentype"), resolve("brownstd/BrownStd-Italic.woff") format("woff"), resolve("brownstd/BrownStd-Italic.ttf") format("truetype"), resolve("brownstd/BrownStd-Italic.svg#iconfont") format("svg"); /* iOS 4.1- */ | ||
24 | +} | ||
25 | + | ||
26 | +.brown-italic { | ||
27 | + font-family: "BrownStd-Italic" !important; | ||
28 | +} | ||
29 | + | ||
30 | +/* BrownStd-Light */ | ||
31 | +@font-face { | ||
32 | + font-family: "BrownStd-Light"; | ||
33 | + src: resolve("brownstd/BrownStd-Light.eot"); /* IE9 */ | ||
34 | + src: resolve("brownstd/BrownStd-Light.eot?#iefix") format("embedded-opentype"), resolve("brownstd/BrownStd-Light.woff") format("woff"), resolve("brownstd/BrownStd-Light.ttf") format("truetype"), resolve("brownstd/BrownStd-Light.svg#iconfont") format("svg"); /* iOS 4.1- */ | ||
35 | +} | ||
36 | + | ||
37 | +.brown-light { | ||
38 | + font-family: "BrownStd-Light" !important; | ||
39 | +} |
@@ -13,7 +13,7 @@ | @@ -13,7 +13,7 @@ | ||
13 | h2 { | 13 | h2 { |
14 | font-size: 32px; | 14 | font-size: 32px; |
15 | text-align: center; | 15 | text-align: center; |
16 | - margin-top: 50px; | 16 | + margin-top: 80px; |
17 | margin-bottom: 0; | 17 | margin-bottom: 0; |
18 | } | 18 | } |
19 | 19 | ||
@@ -40,9 +40,14 @@ | @@ -40,9 +40,14 @@ | ||
40 | height: 100%; | 40 | height: 100%; |
41 | display: inline-block; | 41 | display: inline-block; |
42 | text-align: center; | 42 | text-align: center; |
43 | - color: $blue; | 43 | + color: #4a90e2; |
44 | font-size: 30px; | 44 | font-size: 30px; |
45 | line-height: 88px; | 45 | line-height: 88px; |
46 | + font-weight: bold; | ||
47 | + } | ||
48 | + | ||
49 | + a.modal-button:first-of-type { | ||
50 | + color: #b0b0b0; | ||
46 | } | 51 | } |
47 | 52 | ||
48 | :not(:first-child) { | 53 | :not(:first-child) { |
@@ -91,7 +91,7 @@ | @@ -91,7 +91,7 @@ | ||
91 | padding-left: 25px; | 91 | padding-left: 25px; |
92 | border-radius: 20px; | 92 | border-radius: 20px; |
93 | font-size: 26px; | 93 | font-size: 26px; |
94 | - color: #b0b0b0; | 94 | + color: #444; |
95 | background: #eee; | 95 | background: #eee; |
96 | border: none; | 96 | border: none; |
97 | } | 97 | } |
@@ -99,11 +99,13 @@ | @@ -99,11 +99,13 @@ | ||
99 | input::-webkit-input-placeholder { | 99 | input::-webkit-input-placeholder { |
100 | /* WebKit browsers */ | 100 | /* WebKit browsers */ |
101 | text-align: center; | 101 | text-align: center; |
102 | + color: #b0b0b0; | ||
102 | } | 103 | } |
103 | 104 | ||
104 | input:-ms-input-placeholder { | 105 | input:-ms-input-placeholder { |
105 | /* Internet Explorer 10+ */ | 106 | /* Internet Explorer 10+ */ |
106 | text-align: center; | 107 | text-align: center; |
108 | + color: #b0b0b0; | ||
107 | } | 109 | } |
108 | } | 110 | } |
109 | 111 |
@@ -33,14 +33,12 @@ body { | @@ -33,14 +33,12 @@ body { | ||
33 | } | 33 | } |
34 | 34 | ||
35 | .order-code { | 35 | .order-code { |
36 | - padding: 20px 30px; | 36 | + padding: 22px 30px; |
37 | margin-bottom: 20px; | 37 | margin-bottom: 20px; |
38 | - border-top: 1px solid #eee; | ||
39 | - border-bottom: 1px solid #eee; | ||
40 | 38 | ||
41 | p:first-of-type { | 39 | p:first-of-type { |
42 | font-size: 34px; | 40 | font-size: 34px; |
43 | - font-weight: 700; | 41 | + font-weight: 600; |
44 | } | 42 | } |
45 | 43 | ||
46 | p:last-of-type { | 44 | p:last-of-type { |
@@ -53,12 +51,11 @@ body { | @@ -53,12 +51,11 @@ body { | ||
53 | position: relative; | 51 | position: relative; |
54 | padding: 20px 30px 27px; | 52 | padding: 20px 30px 27px; |
55 | margin-bottom: 20px; | 53 | margin-bottom: 20px; |
56 | - border-top: 1px solid #eee; | ||
57 | word-wrap: break-word; | 54 | word-wrap: break-word; |
58 | 55 | ||
59 | p:first-of-type { | 56 | p:first-of-type { |
60 | font-size: 32px; | 57 | font-size: 32px; |
61 | - font-weight: 700; | 58 | + font-weight: 600; |
62 | 59 | ||
63 | span { | 60 | span { |
64 | margin-right: 40px; | 61 | margin-right: 40px; |
@@ -84,7 +81,6 @@ body { | @@ -84,7 +81,6 @@ body { | ||
84 | 81 | ||
85 | .order-goods { | 82 | .order-goods { |
86 | padding-top: 20px; | 83 | padding-top: 20px; |
87 | - border-top: 1px solid #eee; | ||
88 | border-bottom: 1px solid #eee; | 84 | border-bottom: 1px solid #eee; |
89 | 85 | ||
90 | .goods-info { | 86 | .goods-info { |
@@ -178,7 +174,7 @@ body { | @@ -178,7 +174,7 @@ body { | ||
178 | } | 174 | } |
179 | 175 | ||
180 | .order-amount { | 176 | .order-amount { |
181 | - padding: 30px 20px; | 177 | + padding: 26px 30px; |
182 | margin-bottom: 20px; | 178 | margin-bottom: 20px; |
183 | border-bottom: 1px solid #eee; | 179 | border-bottom: 1px solid #eee; |
184 | text-align: right; | 180 | text-align: right; |
@@ -224,6 +220,7 @@ body { | @@ -224,6 +220,7 @@ body { | ||
224 | text-align: right; | 220 | text-align: right; |
225 | 221 | ||
226 | a { | 222 | a { |
223 | + display: inline-block; | ||
227 | padding: 0 20px; | 224 | padding: 0 20px; |
228 | height: 68px; | 225 | height: 68px; |
229 | line-height: 68px; | 226 | line-height: 68px; |
@@ -234,6 +231,7 @@ body { | @@ -234,6 +231,7 @@ body { | ||
234 | background: $white; | 231 | background: $white; |
235 | font-size: 28px; | 232 | font-size: 28px; |
236 | margin-right: 10px; | 233 | margin-right: 10px; |
234 | + width: 192px; | ||
237 | } | 235 | } |
238 | 236 | ||
239 | button { | 237 | button { |
@@ -260,7 +258,7 @@ body { | @@ -260,7 +258,7 @@ body { | ||
260 | } | 258 | } |
261 | 259 | ||
262 | &.normal { | 260 | &.normal { |
263 | - width: 188px; | 261 | + width: 192px; |
264 | padding: 0; | 262 | padding: 0; |
265 | border: 1px solid $black; | 263 | border: 1px solid $black; |
266 | color: $black; | 264 | color: $black; |
@@ -13,7 +13,6 @@ $white: #fff; | @@ -13,7 +13,6 @@ $white: #fff; | ||
13 | .order-item { | 13 | .order-item { |
14 | background: $white; | 14 | background: $white; |
15 | margin-top: 20px; | 15 | margin-top: 20px; |
16 | - border-top: 1px solid #eee; | ||
17 | border-bottom: 1px solid #eee; | 16 | border-bottom: 1px solid #eee; |
18 | 17 | ||
19 | &:first-child { | 18 | &:first-child { |
@@ -157,6 +156,11 @@ $white: #fff; | @@ -157,6 +156,11 @@ $white: #fff; | ||
157 | border: 0 none; | 156 | border: 0 none; |
158 | background: $white; | 157 | background: $white; |
159 | font-size: 28px; | 158 | font-size: 28px; |
159 | + float: left; | ||
160 | + | ||
161 | + &.leftpad { | ||
162 | + padding-right: 42px; | ||
163 | + } | ||
160 | } | 164 | } |
161 | 165 | ||
162 | button { | 166 | button { |
@@ -169,6 +173,7 @@ $white: #fff; | @@ -169,6 +173,7 @@ $white: #fff; | ||
169 | border: 0 none; | 173 | border: 0 none; |
170 | background: $white; | 174 | background: $white; |
171 | font-size: 28px; | 175 | font-size: 28px; |
176 | + float: left; | ||
172 | 177 | ||
173 | &.black { | 178 | &.black { |
174 | width: 192px; | 179 | width: 192px; |
@@ -182,12 +187,16 @@ $white: #fff; | @@ -182,12 +187,16 @@ $white: #fff; | ||
182 | } | 187 | } |
183 | 188 | ||
184 | &.normal { | 189 | &.normal { |
185 | - width: 188px; | 190 | + width: 192px; |
186 | padding: 0; | 191 | padding: 0; |
187 | border: 1px solid $black; | 192 | border: 1px solid $black; |
188 | color: $black; | 193 | color: $black; |
189 | } | 194 | } |
190 | 195 | ||
196 | + &.leftpad { | ||
197 | + padding-right: 42px; | ||
198 | + } | ||
199 | + | ||
191 | &:focus { | 200 | &:focus { |
192 | outline: none; | 201 | outline: none; |
193 | } | 202 | } |
@@ -7,7 +7,7 @@ | @@ -7,7 +7,7 @@ | ||
7 | </div> | 7 | </div> |
8 | </template> | 8 | </template> |
9 | <a class="item ellipsis" href="{{item.sortUrl}}"> | 9 | <a class="item ellipsis" href="{{item.sortUrl}}"> |
10 | - {{item.sortNameEn}}{{item.sortName}} | 10 | + {{(item.sortNameEn || '').trim()}}{{item.sortName}} |
11 | </a> | 11 | </a> |
12 | </template> | 12 | </template> |
13 | </div> | 13 | </div> |
@@ -63,10 +63,17 @@ | @@ -63,10 +63,17 @@ | ||
63 | position: relative; | 63 | position: relative; |
64 | display: block; | 64 | display: block; |
65 | padding: 0 30px; | 65 | padding: 0 30px; |
66 | - height: 126px; | ||
67 | - line-height: 126px; | ||
68 | - font-size: 30px; | 66 | + height: 124px; |
67 | + line-height: 124px; | ||
68 | + font-size: 36px; | ||
69 | font-weight: bold; | 69 | font-weight: bold; |
70 | + font-family: "BrownStd-Bold", "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; | ||
71 | + | ||
72 | + &:first-child { | ||
73 | + height: 142px; | ||
74 | + line-height: 142px; | ||
75 | + font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; | ||
76 | + } | ||
70 | 77 | ||
71 | &:after { | 78 | &:after { |
72 | content: ""; | 79 | content: ""; |
@@ -84,11 +91,18 @@ | @@ -84,11 +91,18 @@ | ||
84 | } | 91 | } |
85 | 92 | ||
86 | .sep { | 93 | .sep { |
94 | + margin-top: -1px; | ||
87 | width: 100%; | 95 | width: 100%; |
88 | - height: 22px; | 96 | + height: 20px; |
89 | background: #f6f6f6; | 97 | background: #f6f6f6; |
90 | - border-top: 2PX solid #eee; | ||
91 | - border-bottom: 2PX solid #eee; | 98 | + border-top: 1px solid #eee; |
99 | + border-bottom: 1px solid #eee; | ||
100 | + | ||
101 | + & + .item { | ||
102 | + height: 142px; | ||
103 | + line-height: 142px; | ||
104 | + font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; | ||
105 | + } | ||
92 | } | 106 | } |
93 | } | 107 | } |
94 | 108 |
@@ -81,7 +81,6 @@ | @@ -81,7 +81,6 @@ | ||
81 | list-style: none; | 81 | list-style: none; |
82 | border: none; | 82 | border: none; |
83 | margin-left: 18px; | 83 | margin-left: 18px; |
84 | - margin-top: 30px; | ||
85 | margin-bottom: 0; | 84 | margin-bottom: 0; |
86 | padding: 0; | 85 | padding: 0; |
87 | max-width: 600px; | 86 | max-width: 600px; |
@@ -92,11 +91,13 @@ | @@ -92,11 +91,13 @@ | ||
92 | } | 91 | } |
93 | 92 | ||
94 | section { | 93 | section { |
94 | + margin-top: 30px; | ||
95 | 95 | ||
96 | h4 { | 96 | h4 { |
97 | - margin: 0; | 97 | + float: left; |
98 | + margin-top: 20px; | ||
98 | font-size: 25px; | 99 | font-size: 25px; |
99 | - line-height: 80px; | 100 | + line-height: 88px; |
100 | display: inline-block; | 101 | display: inline-block; |
101 | } | 102 | } |
102 | 103 |
@@ -31,8 +31,11 @@ | @@ -31,8 +31,11 @@ | ||
31 | let locationQuery = qs(decodeURIComponent(location.search.replace(/^\?/, ''))); | 31 | let locationQuery = qs(decodeURIComponent(location.search.replace(/^\?/, ''))); |
32 | let hasSort = !!locationQuery.sort; | 32 | let hasSort = !!locationQuery.sort; |
33 | 33 | ||
34 | + // filter 字段 对应 的 查询 字段 | ||
34 | const aliasMap = { | 35 | const aliasMap = { |
35 | - groupSort: 'sort' | 36 | + groupSort: 'sort', |
37 | + priceRange: 'price', | ||
38 | + discount: 'p_d' | ||
36 | }; | 39 | }; |
37 | 40 | ||
38 | module.exports = { | 41 | module.exports = { |
@@ -97,15 +100,12 @@ | @@ -97,15 +100,12 @@ | ||
97 | 100 | ||
98 | let filter = {}; | 101 | let filter = {}; |
99 | $.each(this.selected, (type, item) => { | 102 | $.each(this.selected, (type, item) => { |
100 | - if (item.id) { | ||
101 | - filter[type] = item.id; | ||
102 | - } | 103 | + filter[type] = item.id; |
103 | }); | 104 | }); |
104 | 105 | ||
105 | let query; | 106 | let query; |
106 | query = $.extend({}, locationQuery, filter); | 107 | query = $.extend({}, locationQuery, filter); |
107 | query = $.param(query); | 108 | query = $.param(query); |
108 | - | ||
109 | if (history.replaceState) { | 109 | if (history.replaceState) { |
110 | history.replaceState({}, '', location.pathname + '?'+ query); | 110 | history.replaceState({}, '', location.pathname + '?'+ query); |
111 | } | 111 | } |
@@ -218,6 +218,7 @@ | @@ -218,6 +218,7 @@ | ||
218 | .filter-cate-label { | 218 | .filter-cate-label { |
219 | font-size: 36px; | 219 | font-size: 36px; |
220 | font-weight: bold; | 220 | font-weight: bold; |
221 | + font-family: "BrownStd-Bold", "PingFang SC", Helvetica, Roboto, "Heiti SC", "\9ED1\4F53", Arial; | ||
221 | } | 222 | } |
222 | 223 | ||
223 | .filter-cate-val { | 224 | .filter-cate-val { |
@@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
8 | </a> | 8 | </a> |
9 | <!--暂时隐藏收藏入口,下个版本使用--> | 9 | <!--暂时隐藏收藏入口,下个版本使用--> |
10 | <!--<a class="right-button no-intercept" href="javascript:void(0);" @click="favorite()">--> | 10 | <!--<a class="right-button no-intercept" href="javascript:void(0);" @click="favorite()">--> |
11 | - <!--<span class="icon" :class="{ 'icon-love': !isFavorite, 'icon-love-solid': isFavorite}"></span>--> | 11 | + <!--<span class="icon" :class="{ 'icon-focus': !isFavorite, 'icon-focused': isFavorite}"></span>--> |
12 | <!--</a>--> | 12 | <!--</a>--> |
13 | 13 | ||
14 | <a class="right-button no-intercept" href="javascript:void(0);" @click="share()"> | 14 | <a class="right-button no-intercept" href="javascript:void(0);" @click="share()"> |
@@ -15,7 +15,7 @@ | @@ -15,7 +15,7 @@ | ||
15 | <span class="title line-clamp-2">{{item.title}}</span> | 15 | <span class="title line-clamp-2">{{item.title}}</span> |
16 | <div class="fav-price"> | 16 | <div class="fav-price"> |
17 | <span class="new-price" v-if="item.discountPrice">{{item.discountPrice}}</span> | 17 | <span class="new-price" v-if="item.discountPrice">{{item.discountPrice}}</span> |
18 | - <!--<span class="{{ item.discountPrice ? 'price-underline' : ''}}">{{item.price}}</span>--> | 18 | + <span class="{{ item.discountPrice ? 'price-underline' : ''}}">{{item.price}}</span> |
19 | </div> | 19 | </div> |
20 | <br/> | 20 | <br/> |
21 | <div class="save-price"> | 21 | <div class="save-price"> |
@@ -89,7 +89,7 @@ | @@ -89,7 +89,7 @@ | ||
89 | }, | 89 | }, |
90 | methods: { | 90 | methods: { |
91 | reload() { | 91 | reload() { |
92 | - $('#address').off('click', this.addressClick) | 92 | + $('#address').off('click', this.addressClick); |
93 | $('.auth').off('click', this.authClick); | 93 | $('.auth').off('click', this.authClick); |
94 | $('.auth').removeClass('no-intercept'); | 94 | $('.auth').removeClass('no-intercept'); |
95 | 95 | ||
@@ -103,7 +103,7 @@ | @@ -103,7 +103,7 @@ | ||
103 | $('#address').on('click', this.addressClick); | 103 | $('#address').on('click', this.addressClick); |
104 | } else { | 104 | } else { |
105 | this.data = { | 105 | this.data = { |
106 | - nickName : '登录/注册' | 106 | + nickName: '登录/注册' |
107 | }; | 107 | }; |
108 | 108 | ||
109 | $('.auth').addClass('no-intercept'); | 109 | $('.auth').addClass('no-intercept'); |
@@ -120,7 +120,7 @@ | @@ -120,7 +120,7 @@ | ||
120 | const id = $(e.target).attr('id'); | 120 | const id = $(e.target).attr('id'); |
121 | const href = $(e.target).attr('href'); | 121 | const href = $(e.target).attr('href'); |
122 | 122 | ||
123 | - yoho.goLogin(null, () => { | 123 | + yoho.goLogin('', () => { |
124 | this.reload(); | 124 | this.reload(); |
125 | 125 | ||
126 | setTimeout(() => { | 126 | setTimeout(() => { |
@@ -147,7 +147,7 @@ | @@ -147,7 +147,7 @@ | ||
147 | window.addEventListener('scroll', () => { | 147 | window.addEventListener('scroll', () => { |
148 | let transparent = true; | 148 | let transparent = true; |
149 | 149 | ||
150 | - if (window.scrollY > 20 ) { | 150 | + if (window.scrollY > 20) { |
151 | transparent = false; | 151 | transparent = false; |
152 | } | 152 | } |
153 | 153 | ||
@@ -216,7 +216,8 @@ | @@ -216,7 +216,8 @@ | ||
216 | height: 170px; | 216 | height: 170px; |
217 | border-radius: 50%; | 217 | border-radius: 50%; |
218 | margin: 0 auto; | 218 | margin: 0 auto; |
219 | - /*border: 3px solid #b0b0b0;*/ | 219 | + |
220 | + /* border: 3px solid #b0b0b0; */ | ||
220 | background: resolve("me/user-icon.png"); | 221 | background: resolve("me/user-icon.png"); |
221 | background-size: 100%; | 222 | background-size: 100%; |
222 | } | 223 | } |
1 | <template> | 1 | <template> |
2 | -<div class="logistic-page yoho-page"> | ||
3 | - <div class="overview"> | ||
4 | - <div class="left" > | ||
5 | - <a href="{{logisticDate.url}}"> | ||
6 | - <img class="icon" v-bind:src="logo | resize 88 88" /> | ||
7 | - </a> | ||
8 | - </div> | ||
9 | - <div class="right"> | ||
10 | - <div> | ||
11 | - <span class='info'>物流公司:</span> | ||
12 | - <span >{{logisticDate.caption}}</span> | ||
13 | - </div> | ||
14 | - <div> | ||
15 | - <span class='info'>快递单号:</span> | ||
16 | - <span>{{logisticDate.express_number}}</span> | 2 | + <div class="logistic-page yoho-page"> |
3 | + <div class="overview"> | ||
4 | + <div class="left" > | ||
5 | + <img class="logoicon" v-bind:src="logo | resize 90 90" /> | ||
17 | </div> | 6 | </div> |
18 | - </div> | ||
19 | - </div><!--end overview--> | ||
20 | - | ||
21 | - <div class="title"> | ||
22 | - <span>物流详情</span> | ||
23 | - </div> | ||
24 | - | ||
25 | - <div class="detail"> | ||
26 | - <div class="timeline-box" v-for="(index, detail) in logisticDate.express_detail"> | ||
27 | - <span class="timeline-node"></span> | ||
28 | - <div class="timeline-info"> | ||
29 | - <div class="timeline-info-row"> | ||
30 | - {{detail.accept_address}} | 7 | + <div class="right"> |
8 | + <div> | ||
9 | + <span class='info'>物流公司:</span> | ||
10 | + <span >{{logisticDate.caption}}</span> | ||
31 | </div> | 11 | </div> |
32 | - <div class="timeline-info-row"> | ||
33 | - {{detail.acceptTime}} | 12 | + <div> |
13 | + <span class='info'>快递单号:</span> | ||
14 | + <span>{{logisticDate.express_number}}</span> | ||
34 | </div> | 15 | </div> |
35 | </div> | 16 | </div> |
17 | + </div><!--end overview--> | ||
18 | + <div class="title"> | ||
19 | + <span>物流详情</span> | ||
36 | </div> | 20 | </div> |
37 | - </div><!--end detail--> | ||
38 | - | ||
39 | -</div><!--end logistic-page--> | 21 | + <div class="detail"> |
22 | + <div class="timeline-box" v-for="(index, detail) in logisticDate.express_detail"> | ||
23 | + <span class="timeline-node"></span> | ||
24 | + <div class="timeline-info"> | ||
25 | + <div class="timeline-info-row"> | ||
26 | + {{detail.accept_address}} | ||
27 | + </div> | ||
28 | + <div class="timeline-info-row time"> | ||
29 | + {{detail.acceptTime}} | ||
30 | + </div> | ||
31 | + </div> | ||
32 | + </div> | ||
33 | + </div><!--end detail--> | ||
34 | + </div><!--end logistic-page--> | ||
40 | </template> | 35 | </template> |
41 | - | ||
42 | <style> | 36 | <style> |
43 | $logistic_gray: #f0f0f0; | 37 | $logistic_gray: #f0f0f0; |
44 | -$border_color_strong: #e5e5e5; | ||
45 | $border_color_light: #eee; | 38 | $border_color_light: #eee; |
46 | 39 | ||
47 | .logistic-page { | 40 | .logistic-page { |
48 | background-color: $logistic_gray; | 41 | background-color: $logistic_gray; |
49 | 42 | ||
50 | .overview { | 43 | .overview { |
51 | - height: 120px; | 44 | + height: 150px; |
52 | line-height: 120px; | 45 | line-height: 120px; |
53 | width: 100%; | 46 | width: 100%; |
54 | - margin-bottom: 40px; | 47 | + margin-bottom: 20px; |
55 | background-color: #fff; | 48 | background-color: #fff; |
56 | color: #464646; | 49 | color: #464646; |
57 | - border-bottom: 1px solid $border_color_strong; | 50 | + border-bottom: 1px solid $border_color_light; |
58 | 51 | ||
59 | .left { | 52 | .left { |
60 | - width: 19%; | 53 | + width: 150px; |
61 | float: left; | 54 | float: left; |
62 | text-align: center; | 55 | text-align: center; |
63 | height: 100%; | 56 | height: 100%; |
64 | 57 | ||
65 | - .icon { | ||
66 | - width: 88px; | ||
67 | - height: 88px; | 58 | + .logoicon { |
59 | + width: 90px; | ||
60 | + height: 90px; | ||
68 | margin: 0 auto; | 61 | margin: 0 auto; |
69 | background-size: 100%; | 62 | background-size: 100%; |
70 | background-repeat: no-repeat; | 63 | background-repeat: no-repeat; |
71 | background-position: center; | 64 | background-position: center; |
72 | - margin-top: 16px; | 65 | + margin-top: 30px; |
73 | } | 66 | } |
74 | } | 67 | } |
75 | 68 | ||
76 | .right { | 69 | .right { |
77 | - width: 81%; | 70 | + width: 600px; |
71 | + height: 100%; | ||
78 | float: left; | 72 | float: left; |
79 | - padding-top: 20px; | ||
80 | - padding-bottom: 20px; | ||
81 | - height: 80px; | 73 | + padding: 36px 0; |
82 | 74 | ||
83 | div { | 75 | div { |
84 | height: 40px; | 76 | height: 40px; |
85 | line-height: 44px; | 77 | line-height: 44px; |
86 | - color: #595959; | ||
87 | font-size: 24px; | 78 | font-size: 24px; |
88 | } | 79 | } |
89 | } | 80 | } |
90 | 81 | ||
91 | .info { | 82 | .info { |
92 | padding-right: 4px; | 83 | padding-right: 4px; |
84 | + color: #b0b0b0; | ||
93 | } | 85 | } |
94 | } | 86 | } |
95 | 87 | ||
96 | .title { | 88 | .title { |
97 | - height: 112px; | ||
98 | - line-height: 112px; | 89 | + height: 88px; |
90 | + line-height: 89px; | ||
99 | background-color: #fff; | 91 | background-color: #fff; |
100 | - padding-left: 40px; | ||
101 | - font-size: 40px; | 92 | + padding-left: 30px; |
93 | + font-size: 34px; | ||
102 | } | 94 | } |
103 | 95 | ||
104 | .detail { | 96 | .detail { |
105 | background-color: #fff; | 97 | background-color: #fff; |
106 | - padding-left: 80px; | 98 | + padding-left: 42px; |
107 | margin-bottom: 40px; | 99 | margin-bottom: 40px; |
108 | } | 100 | } |
109 | 101 | ||
110 | .timeline-box { | 102 | .timeline-box { |
111 | - border-left: 1px solid $border_color_strong; | 103 | + border-left: 1px solid $border_color_light; |
112 | position: relative; | 104 | position: relative; |
113 | - padding-left: 52px; | 105 | + padding-left: 42px; |
106 | + height: 116px; | ||
114 | } | 107 | } |
115 | 108 | ||
116 | .timeline-node { | 109 | .timeline-node { |
@@ -118,25 +111,31 @@ $border_color_light: #eee; | @@ -118,25 +111,31 @@ $border_color_light: #eee; | ||
118 | top: 32px; | 111 | top: 32px; |
119 | left: -9.04444px; | 112 | left: -9.04444px; |
120 | display: inline-block; | 113 | display: inline-block; |
121 | - width: 16.4px; | ||
122 | - height: 16.4px; | ||
123 | - background-color: $border_color_strong; | 114 | + width: 16px; |
115 | + height: 16px; | ||
116 | + background-color: #b0b0b0; | ||
124 | border-radius: 100%; | 117 | border-radius: 100%; |
125 | } | 118 | } |
126 | 119 | ||
127 | .timeline-box:first-child { | 120 | .timeline-box:first-child { |
128 | .timeline-node { | 121 | .timeline-node { |
129 | - background-color: #989898; | 122 | + background-color: #000; |
123 | + width: 22px; | ||
124 | + height: 22px; | ||
130 | } | 125 | } |
131 | 126 | ||
132 | .timeline-info-row { | 127 | .timeline-info-row { |
133 | - color: #606060; | 128 | + color: #000; |
129 | + } | ||
130 | + | ||
131 | + .time { | ||
132 | + color: #b0b0b0; | ||
134 | } | 133 | } |
135 | } | 134 | } |
136 | 135 | ||
137 | .timeline-info { | 136 | .timeline-info { |
138 | padding: 20px 0; | 137 | padding: 20px 0; |
139 | - border-bottom: 1px solid $border_color_strong; | 138 | + border-bottom: 1px solid $border_color_light; |
140 | } | 139 | } |
141 | 140 | ||
142 | .timeline-box:last-child { | 141 | .timeline-box:last-child { |
@@ -149,49 +148,45 @@ $border_color_light: #eee; | @@ -149,49 +148,45 @@ $border_color_light: #eee; | ||
149 | min-height: 40px; | 148 | min-height: 40px; |
150 | line-height: 40px; | 149 | line-height: 40px; |
151 | font-size: 28px; | 150 | font-size: 28px; |
152 | - color: #bababa; | 151 | + color: #b0b0b0; |
153 | padding-right: 32px; | 152 | padding-right: 32px; |
154 | } | 153 | } |
154 | + | ||
155 | + .time { | ||
156 | + font-size: 24px; | ||
157 | + } | ||
155 | } | 158 | } |
156 | </style> | 159 | </style> |
157 | - | ||
158 | - | ||
159 | <script> | 160 | <script> |
160 | const $ = require('jquery'); | 161 | const $ = require('jquery'); |
161 | const qs = require('yoho-qs'); | 162 | const qs = require('yoho-qs'); |
162 | const tip = require('common/tip'); | 163 | const tip = require('common/tip'); |
163 | 164 | ||
164 | module.exports = { | 165 | module.exports = { |
165 | - props: [], | ||
166 | data() { | 166 | data() { |
167 | return { | 167 | return { |
168 | logisticDate: [], | 168 | logisticDate: [], |
169 | logo: '' | 169 | logo: '' |
170 | }; | 170 | }; |
171 | }, | 171 | }, |
172 | - methods: { | ||
173 | - getLogisticDate() { | ||
174 | - let data = { | ||
175 | - orderCode: qs.order_code || '', | ||
176 | - type: qs.type || '', | ||
177 | - id: qs.id || '' | ||
178 | - }; | ||
179 | - | ||
180 | - $.ajax({ | ||
181 | - url: '/me/get-order-logistic-date', | ||
182 | - data: data | ||
183 | - }).then(result => { | ||
184 | - this.logisticDate = result; | ||
185 | - if (result && result.logo) { | ||
186 | - this.logo = result.logo; | ||
187 | - } | ||
188 | - }).fail(() => { | ||
189 | - tip('网络错误'); | ||
190 | - }); | ||
191 | - } | ||
192 | - }, | ||
193 | created() { | 172 | created() { |
194 | - this.getLogisticDate(); | 173 | + const data = { |
174 | + orderCode: qs.order_code || '', | ||
175 | + type: qs.type || '', | ||
176 | + id: qs.id || '' | ||
177 | + }; | ||
178 | + | ||
179 | + $.ajax({ | ||
180 | + url: '/me/get-order-logistic-date', | ||
181 | + data: data | ||
182 | + }).then(result => { | ||
183 | + this.logisticDate = result; | ||
184 | + if (result && result.logo) { | ||
185 | + this.logo = result.logo; | ||
186 | + } | ||
187 | + }).fail(() => { | ||
188 | + tip('网络错误'); | ||
189 | + }); | ||
195 | } | 190 | } |
196 | }; | 191 | }; |
197 | </script> | 192 | </script> |
@@ -34,11 +34,11 @@ | @@ -34,11 +34,11 @@ | ||
34 | <div class="options"> | 34 | <div class="options"> |
35 | <button v-if="order.isCancel === 'Y'" @click="deleteOrder(order,index)" class="normal">删除订单</button> | 35 | <button v-if="order.isCancel === 'Y'" @click="deleteOrder(order,index)" class="normal">删除订单</button> |
36 | <template v-else> | 36 | <template v-else> |
37 | - <button v-if="order.status == 0" @click="cancelOrder(order.orderCode)">取消订单</button> | 37 | + <button v-if="order.status == 0" @click="cancelOrder(order.orderCode)" class="leftpad">取消订单</button> |
38 | <button v-if="order.status == 0 " class="countdown" @click="goBuy(order)">去支付 | 38 | <button v-if="order.status == 0 " class="countdown" @click="goBuy(order)">去支付 |
39 | <span v-count-down v-bind:left-time="order.payLefttime" v-bind:callback="autoCancel(order.orderCode)"></span> | 39 | <span v-count-down v-bind:left-time="order.payLefttime" v-bind:callback="autoCancel(order.orderCode)"></span> |
40 | </button> | 40 | </button> |
41 | - <a v-if="order.status == 4 || order.status == 5 " | 41 | + <a v-if="order.status == 4 || order.status == 5 " class="leftpad" |
42 | href="/me/logistic?order_code={{order.orderCode}}">查看物流</a> | 42 | href="/me/logistic?order_code={{order.orderCode}}">查看物流</a> |
43 | <button v-if="order.status == 4 || order.status == 5 " class="black" @click="confirmGoods(order.orderCode)">确认收货</button> | 43 | <button v-if="order.status == 4 || order.status == 5 " class="black" @click="confirmGoods(order.orderCode)">确认收货</button> |
44 | <button v-if="order.status == 6" @click="deleteOrder(order,index)" class="normal">删除订单</button> | 44 | <button v-if="order.status == 6" @click="deleteOrder(order,index)" class="normal">删除订单</button> |
@@ -168,8 +168,8 @@ | @@ -168,8 +168,8 @@ | ||
168 | </span> | 168 | </span> |
169 | </button> | 169 | </button> |
170 | <button class="button control-button" @click="toggleFavorite()"> | 170 | <button class="button control-button" @click="toggleFavorite()"> |
171 | - <span v-if="entity.isCollect === 'Y' " class="icon icon-love-solid"></span> | ||
172 | - <span v-else class="icon icon-love"></span> | 171 | + <span v-if="entity.isCollect === 'Y' " class="icon icon-focused"></span> |
172 | + <span v-else class="icon icon-focus"></span> | ||
173 | </button> | 173 | </button> |
174 | <button class="button button-solid add-to-cart" | 174 | <button class="button button-solid add-to-cart" |
175 | @click="showAddToCart()" | 175 | @click="showAddToCart()" |
@@ -223,6 +223,10 @@ | @@ -223,6 +223,10 @@ | ||
223 | line-height: $lh; | 223 | line-height: $lh; |
224 | color: #b0b0b0; | 224 | color: #b0b0b0; |
225 | } | 225 | } |
226 | + | ||
227 | + .icon-right { | ||
228 | + margin-left: 30px; | ||
229 | + } | ||
226 | } | 230 | } |
227 | 231 | ||
228 | .product-detail-desc { | 232 | .product-detail-desc { |
@@ -266,7 +270,6 @@ | @@ -266,7 +270,6 @@ | ||
266 | i.price { | 270 | i.price { |
267 | color: #b0b0b0; | 271 | color: #b0b0b0; |
268 | font-size: 32px; | 272 | font-size: 32px; |
269 | - font-weight: lighter; | ||
270 | font-style: normal; | 273 | font-style: normal; |
271 | 274 | ||
272 | &.strike-through { | 275 | &.strike-through { |
@@ -288,7 +291,7 @@ | @@ -288,7 +291,7 @@ | ||
288 | .control-button { | 291 | .control-button { |
289 | min-width: 100px; | 292 | min-width: 100px; |
290 | border: none; | 293 | border: none; |
291 | - border-top: 1px solid #ccc; | 294 | + border-top: 1px solid #eee; |
292 | width: 187.5px; | 295 | width: 187.5px; |
293 | float: left; | 296 | float: left; |
294 | display: block; | 297 | display: block; |
@@ -299,7 +302,7 @@ | @@ -299,7 +302,7 @@ | ||
299 | } | 302 | } |
300 | 303 | ||
301 | .control-button:first-child { | 304 | .control-button:first-child { |
302 | - border-right: 1px solid #ccc; | 305 | + border-right: 1px solid #eee; |
303 | } | 306 | } |
304 | 307 | ||
305 | .button-solid { | 308 | .button-solid { |
@@ -79,7 +79,7 @@ | @@ -79,7 +79,7 @@ | ||
79 | return $.get(this.url, Object.assign({ | 79 | return $.get(this.url, Object.assign({ |
80 | order: this.order, | 80 | order: this.order, |
81 | page: nextPage | 81 | page: nextPage |
82 | - }, this.filter, locationQuery)) | 82 | + }, locationQuery, this.filter)) |
83 | .done(res => { | 83 | .done(res => { |
84 | if (res.data) { | 84 | if (res.data) { |
85 | self.page = res.data.page; | 85 | self.page = res.data.page; |
@@ -72,7 +72,7 @@ | @@ -72,7 +72,7 @@ | ||
72 | this.inSearching = true; | 72 | this.inSearching = true; |
73 | return $.get(this.url, Object.assign({ | 73 | return $.get(this.url, Object.assign({ |
74 | page: nextPage | 74 | page: nextPage |
75 | - }, this.filter, locationQuery)) | 75 | + }, locationQuery, this.filter)) |
76 | .done(res => { | 76 | .done(res => { |
77 | if (res.code === 200) { | 77 | if (res.code === 200) { |
78 | self.page = res.data.page; | 78 | self.page = res.data.page; |
@@ -123,7 +123,7 @@ | @@ -123,7 +123,7 @@ | ||
123 | this.inSearching = true; | 123 | this.inSearching = true; |
124 | $.get(this.url, Object.assign({ | 124 | $.get(this.url, Object.assign({ |
125 | page: nextPage | 125 | page: nextPage |
126 | - }, this.filter, locationQuery)).done(result => { | 126 | + }, locationQuery, this.filter)).done(result => { |
127 | if (result.code === 200) { | 127 | if (result.code === 200) { |
128 | self.page = result.data.page; | 128 | self.page = result.data.page; |
129 | self.totalPage = result.data.pageTotal; | 129 | self.totalPage = result.data.pageTotal; |
-
Please register or login to post a comment