fe / yohobuy-node · Commits

Go to a project

Authored by 王水玲
Commit e246c683cae02f0397f84a3a868cdddb31e5d405 1 parent 10fffdf3

帮助中心修改

Inline Side-by-side
Showing 16 changed files with 208 additions and 55 deletions
... ... @@ -124,11 +124,17 @@ const _processHomeCategoryFaq = (list) => {
switch (item.categoryName) {
case '新手指南':
_.forEach(item.categoryItems, (ng, k) => {
ng.index = k + 1;
});
item.categoryItems = _.chunk(item.categoryItems, 6);
result.newGuide = item;
break;
case '公告':
_.forEach(item.contentItems, c => {
_.forEach(item.contentItems, (c, k) => {
c.caption = c.caption.substring(0, 10);
c.index = k;
});
_.chunk(item.contentItems, 2).forEach(data => {
... ... @@ -285,6 +291,15 @@ const _processDetailData = (result, params) => {
};
};
// 自助服务数据处理
const _processServiceData = (data) => {
_.forEach(data, (item, k) => {
item.index = k + 1;
});
return _.chunk(data, 4)
};
// 首页
const helpData = (channel) => {
return Promise.all([
... ... @@ -299,7 +314,7 @@ const helpData = (channel) => {
hotSearch: _.slice(_.get(result, '[1].data', []), 0, 5),
selfService: {
categoryName: '自助服务',
list: _.get(result, '[3].data', [])
list: _processServiceData(_.get(result, '[3].data', []))
}
}, _processHomeCategoryFaq(_.get(result, '[2].data', {})))
};
... ...
... ... @@ -18,7 +18,7 @@
{{#each notice}}
<li>
{{#each row}}
<a class="notice-cont" href="{{jumpLink}}" target="_blank"><i class="dot-icon"></i> {{caption}}</a>
<a class="notice-cont" href="{{jumpLink}}" target="_blank" data-index={{index}}><i class="dot-icon"></i> <span class="notice-txt">{{caption}}</span></a>
{{/each}}
</li>
{{/each}}
... ... @@ -31,10 +31,12 @@
<ul class="menu-common new-guide">
{{#each categoryItems}}
<li>
<a href="{{jumpLink}}" target="_blank">
<img src="{{categoryIco}}" width="55" height="55">
<p>{{categoryName}}</p>
</a>
{{#each .}}
<a href="{{jumpLink}}" target="_blank" {{#if @first}}style="margin-left: 0;"{{/if}} data-index={{index}}>
<img src="{{categoryIco}}" width="55" height="55">
<p>{{categoryName}}</p>
</a>
{{/each}}
</li>
{{/each}}
</ul>
... ... @@ -45,10 +47,12 @@
<ul class="menu-common self-service">
{{#each list}}
<li>
<a href="{{jumpUrl}}" target="_blank">
<img src="{{categoryIco}}" width="55" height="55">
<p>{{categoryName}}</p>
</a>
{{#each .}}
<a href="{{jumpUrl}}" target="_blank" {{#if @first}}style="margin-left: 0;"{{/if}} data-index={{index}}>
<img src="{{categoryIco}}" width="55" height="55">
<p>{{categoryName}}</p>
</a>
{{/each}}
</li>
{{/each}}
</ul>
... ...
... ... @@ -2,17 +2,19 @@
{{#each menuData}}
{{#if subsets}}
<li class="big-category cateId-{{id}} subsets {{#isEqual id @root.qid}}selected{{/isEqual}}">
<div class="icon plus inline-block"></div>{{categoryName}}</li>
<div class="icon plus inline-block"></div>
<span class="menu-txt">{{categoryName}}</span>
</li>
{{#each subsets}}
<li class="smll-category cateId-{{id}} parentId-{{parendId}} {{#isEqual id @root.qid}}selected{{/isEqual}}" data-parent-id="{{parendId}}">
<span class="mult"></span>
<a href="/help/detail?id={{id}}">{{categoryName}}</a>
<a href="/help/detail?id={{id}}"><span class="menu-txt">{{categoryName}}</span></a>
</li>
{{/each}}
{{else}}
<li class="big-category cateId-{{id}} {{#isEqual id @root.qid}}selected{{/isEqual}}">
<span class="mult"></span>
<a href="/help/detail?id={{id}}">{{categoryName}}</a>
<a href="/help/detail?id={{id}}"><span class="menu-txt">{{categoryName}}</span></a>
</li>
{{/if}}
{{/each}}
... ...
... ... @@ -2,7 +2,7 @@
<div class="search-area">
<form id="help-search-form" action="{{siteUrl}}/help/detail">
<input type="text" class="help-search" autocomplete="off" name="helpQuery" value="{{helpQuery}}">
<span class="iconfont search-btn">&#xe640;</span>
<span class="iconfont search-btn">&#xe6d5;</span>
</form>
</div>
<div class="keyword">
... ...
... ... @@ -48,7 +48,7 @@
</li>
<li class="help">
<span class="tag-seprate"></span>
<span class="iconfont">&#xe620;</span>
<span class="iconfont">&#xe6d6;</span>
<a href="//www.yohobuy.com/help/index">帮助中心</a>
</li>
<li class="phoneapp">
... ...
No preview for this file type
... ... @@ -2,7 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Tue Jan 3 10:09:22 2017
Created by FontForge 20120731 at Fri Jan 13 09:46:14 2017
By admin
</metadata>
<defs>
... ... @@ -16,7 +16,7 @@ Created by FontForge 20120731 at Tue Jan 3 10:09:22 2017
ascent="896"
descent="-128"
x-height="792"
bbox="-0.75 -212 1160 996"
bbox="-6 -212 1160.56 996"
underline-thickness="0"
underline-position="0"
unicode-range="U+0078-E701"
... ... @@ -223,6 +223,10 @@ q0 50 -34 87h264v0h191q-34 -37 -34 -87q0 -53 38 -91t91.5 -38t91 38t37.5 91q0 50
<glyph glyph-name="z" unicode="&#xe604;"
d="M875 126l-363 -164l-363 164v610q247 75 363 75t363 -75v-610zM930 808q-34 11 -84.5 26t-159.5 38.5t-174 23.5t-174 -23.5t-159.5 -38.5t-84.5 -26q-14 -4 -22 -15.5t-8 -25.5v-669q0 -27 25 -39l405 -183q9 -3 18 -3t18 3l405 183q25 12 25 39v669q0 14 -8 25.5
t-22 15.5v0zM751 552v83h-473v-83h206v-298h-72v237h-87v-237h-66v-84h506v84h-193v119h151v83h-151v96h179z" />
<glyph glyph-name="shanchu" unicode="&#xe684;"
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 -34t13.5 -34t34.5 -13.5h293h243h293q21 0 34.5 13.5t13.5 34t-13.5 34t-34.5 13.5zM423 725v72h147v-72h-147zM765 579q-21 0 -34.5 -14
t-13.5 -34v-560h-441v560q0 20 -13.5 34t-34 14t-34 -14t-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.5t-34 -13.5t-13.5 -33.5v-389q0 -21 13.5 -34.5t34 -13.5t34 13.5
t13.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.5t36 13.5t15 34.5z" />
<glyph glyph-name="chahaoyuan" unicode="&#xe629;"
d="M511 833q-91 0 -174 -36t-143 -96t-95.5 -143t-35.5 -174t35.5 -174t95.5 -143t143 -95.5t174 -35.5t174 35.5t143 95.5t95.5 143t35.5 174t-35.5 174t-95.5 143t-143 96t-174 36zM770 193q15 -14 15 -34t-14.5 -34t-34 -14t-33.5 14l-192 191l-192 -191q-14 -14 -34 -14
t-34 14t-14 34t14 34l192 191l-192 192q-14 14 -14 34t14 34t34 14t34 -14l192 -192l192 192q14 14 33.5 14t34 -14t14.5 -34t-15 -34l-191 -192z" />
... ... @@ -235,10 +239,19 @@ d="M512 832q-91 0 -174 -35.5t-143 -95.5t-95 -143t-35 -174t35 -174t95 -142.5t143
<glyph glyph-name="jia" unicode="&#xe645;"
d="M512 832q-91 0 -174 -35.5t-143 -95.5t-95.5 -142.5t-35.5 -173.5t35.5 -173.5t95.5 -142.5t143 -95.5t174 -35.5t174 35.5t143 95.5t95.5 142.5t35.5 173.5t-35.5 173.5t-95.5 142.5t-143 95.5t-174 35.5v0zM753 351h-207v-207h-68v207h-207v68h207v207h68v-207h207v-68
v0zM753 351z" />
<glyph glyph-name="focus" unicode="&#xe68e;" horiz-adv-x="1122"
d="M793 798q92 0 150.5 -65t58.5 -161q0 -82 -54 -145l-398 -413l-399 413q-53 63 -53 145q0 96 58 161t150 65q43 0 90 -22t79 -52t53.5 -58.5t21.5 -42.5q0 14 21 42.5t53.5 58.5t79 52t89.5 22zM793 896q-63 0 -127 -30t-116 -78q-53 48 -117 78t-127 30
q-131 0 -218.5 -92.5t-87.5 -231.5q0 -118 76 -208l3 -3l2 -2l398 -413l71 -73l70 73l398 413l3 2l2 3q76 90 76 208q0 139 -87.5 231.5t-218.5 92.5v0z" />
<glyph glyph-name="focused" unicode="&#xe68f;" horiz-adv-x="1122"
d="M793 896q-63 0 -127 -30t-116 -78q-53 48 -117 78t-127 30q-131 0 -218.5 -92.5t-87.5 -231.5q0 -118 76 -208l3 -3l2 -2l398 -413l71 -73l70 73l398 413l3 2l2 3q76 90 76 208q0 139 -87.5 231.5t-218.5 92.5v0z" />
<glyph glyph-name="wenhao1" unicode="&#xe628;"
d="M512 886q-102 0 -195 -39.5t-160.5 -107t-107 -160.5t-39.5 -195t39.5 -195t107 -160.5t160.5 -107t195 -39.5t195 39.5t160.5 107t107 160.5t39.5 195t-39.5 195t-107 160.5t-160.5 107t-195 39.5zM521 -15q-34 0 -58.5 24t-24.5 58.5t24.5 58.5t58.5 24t58 -24t24 -58
q1 -34 -23.5 -58.5t-58.5 -24.5zM738 477q-17 -34 -67 -83q-45 -43 -60 -61q-12 -16 -17 -35q-6 -22 -6 -61l1 -31h-142v30q0 56 9 90q11 38 30 64q17 23 62 71q43 44 52 60q8 13 8 44q0 28 -20 51q-20 21 -61 21q-29 0 -48.5 -9.5t-28.5 -27.5t-12.5 -36t-3.5 -43v-30h-142
l1 31q2 72 18 111q16 40 52 73q34 31 78 46q41 14 88 14q96 0 160 -56v0q66 -59 66 -154q0 -43 -17 -79z" />
<glyph glyph-name="youjiantou" unicode="&#xe69a;"
d="M327 -128q16 0 24 12l376 500l-373 500q-7 9 -20 11t-22 -5q-11 -6 -12.5 -19.5t6.5 -22.5l346 -464l-349 -464q-7 -9 -5 -22t11 -20q6 -6 18 -6z" />
<glyph glyph-name="jiantou" unicode="&#xe69b;"
d="M697 -128q-16 0 -24 12l-376 500l373 500q7 9 20 11t22 -5t11 -20t-5 -22l-346 -464l349 -467q7 -9 5 -22t-11 -20q-6 -3 -18 -3z" />
<glyph glyph-name="2" unicode="&#xe62b;"
d="M562 224h109v-111h-109v111zM889 224h109v-111h-109v111zM562 113h109v-110h-109v110zM438 458h-438v438h438v-438zM111 569h216v216h-216v-216zM1000 458h-438v438h438v-438zM673 569h216v216h-216v-216zM438 -106h-438v438h438v-438zM111 5h216v216h-216v-216zM561 335
h222v-111h-222v111zM889 334h109v-111h-109v111zM780 113h109v-111h-109v111zM562 2h218v-110h-218v110zM889 2h109v-110h-109v110z" />
... ... @@ -253,5 +266,50 @@ d="M947 179q31 0 54 -23t23 -53.5t-23 -53.5t-54 -23h-51q31 0 54 -23t23 -54t-23 -5
q0 -136 -26 -205h256q31 0 54 -23t23 -53.5t-23 -53.5t-54 -23h51q31 0 54 -23t23 -54t-23 -54t-54 -23zM102.5 -128q-42.5 0 -72.5 30t-30 72v410q0 42 30 72t72.5 30t72.5 -30t30 -72v-410q0 -42 -30 -72t-72.5 -30z" />
<glyph glyph-name="juxingkaobei" unicode="&#xe6bc;"
d="M186 2l391 382l-391 382l131 130l521 -512l-521 -512z" />
<glyph glyph-name="shang" unicode="&#xe6c0;"
d="M958 179q0 -15 -10.5 -25.5t-25.5 -10.5t-26 10l-384 384l-384 -384q-11 -10 -26 -10t-25.5 10.5t-10.5 25.5t11 26l409 410q11 10 26 10t26 -10l409 -410q11 -11 11 -26z" />
<glyph glyph-name="xia" unicode="&#xe6c1;"
d="M958 589q0 15 -10.5 25.5t-25.5 10.5t-26 -10l-384 -384l-384 384q-11 10 -26 10t-25.5 -10.5t-10.5 -25.5t11 -26l409 -410q11 -10 26 -10t26 10l409 410q11 11 11 26z" />
<glyph glyph-name="tishi" unicode="&#xe6c2;"
d="M512 -62q-91 0 -173.5 35.5t-142 95t-95 142t-35.5 173.5t35.5 173.5t95 142t142 95t173.5 35.5t173.5 -35.5t142 -95t95 -142t35.5 -173.5t-35.5 -173.5t-95 -142t-142 -95t-173.5 -35.5zM512 766q-104 0 -192 -51t-139 -139t-51 -192t51 -192t139 -139t192 -51t192 51
t139 139t51 192t-51 192t-139 139t-192 51zM464 592q0 -20 14 -34t34 -14t34 14t14 34t-14 34t-34 14t-34 -14t-14 -34zM512 128q-13 0 -22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5t22.5 -9.5t9.5 -22.5v-288q0 -13 -9.5 -22.5t-22.5 -9.5z" />
<glyph glyph-name="yuanxingweixuanzhong" unicode="&#xe6c3;"
d="M512 -64q-185 0 -316.5 131.5t-131.5 316.5t131.5 316.5t316.5 131.5t316.5 -131.5t131.5 -316.5t-131.5 -316.5t-316.5 -131.5zM512 768q-159 0 -271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5t-112.5 271.5t-271.5 112.5z" />
<glyph glyph-name="qianbi" unicode="&#xe6c7;"
d="M921.5 780.5q-39.5 39.5 -95 39.5t-95.5 -39l-15 -16l190 -191l16 16q39 39 39 95t-39.5 95.5zM904 640l-123 123q25 15 56.5 11t52.5 -25q22 -22 25.5 -53t-11.5 -56zM658 693l177 -178l25 26l-177 178zM126 7l76 153l-35 45l-101 -258l284 75l-46 36zM405 134l-127 127
l377 370l-36 36l-415 -420l187 -188l418 418l-36 36z" />
<glyph glyph-name="Fill" unicode="&#xe6c9;"
d="M512 52q-34 0 -58.5 24.5t-24.5 59t24.5 58.5t58.5 24t58.5 -24t24.5 -58.5t-24.5 -59t-58.5 -24.5zM457 660q0 23 16 39.5t39 16.5t39 -16.5t16 -39.5v-304q0 -22 -16 -38.5t-39 -16.5t-39 16.5t-16 38.5v304zM512 896h-6q-104 0 -199 -40.5t-163.5 -109t-109 -163.5
t-40.5 -199t40.5 -199t109 -163.5t163.5 -109t199 -40.5h6h6q104 0 199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5h-6z" />
<glyph glyph-name="xuanzhong" unicode="&#xe6cb;"
d="M512 832q-91 0 -174 -35.5t-143 -95.5t-95.5 -142.5t-35.5 -174t35.5 -174t95.5 -142.5t143 -95.5t174 -35.5t174 35.5t143 95.5t95 142.5t35 174t-35 174t-95 142.5t-143 95.5t-174 35.5zM758 508l-266 -267v0l-2 -1l-17 -17q-2 -3 -5 -5l-2 -2q-2 -1 -6 -1t-6 1l-2 3
l-6 4l-15 16l-2 3h-1l-163 171q-12 14 -6 20l26 25q7 6 20 -7l156 -164l259 259q13 13 19 6l26 -25q6 -7 -7 -19z" />
<glyph glyph-name="konggouwuche" unicode="&#xe6cc;"
d="M1007 686q-20 23 -55 23h-6h-665q-13 53 -25 106q-4 16 -12.5 28.5t-16.5 19.5t-18 12t-14 6t-7 2h-140h-2q-16 -4 -31 -19.5t-15 -41.5q0 -13 4.5 -25t10.5 -18.5t13.5 -11.5l10.5 -7t6 -2l61 -1q118 -480 137 -555q7 -26 18 -45t21.5 -28t22.5 -14.5t17.5 -6t9.5 -0.5
v0q189 -1 333 -1q127 0 155 1q38 1 60 23.5t27 45.5q100 332 115 432q8 50 -15 77zM1000 612q-14 -88 -115 -429q0 -3 -1.5 -7t-6.5 -12.5t-11.5 -15t-18.5 -12t-27 -6.5q-28 -1 -155 -1h-49h-51t-50 0.5t-47.5 0.5h-43.5h-37.5h-28.5h-19h-7q-3 0 -6.5 0.5t-12.5 5
t-17 11.5t-17 23t-14 37q-2 8 -139 564l-2 8h-74q-28 13 -28 43t28 39h134q7 -2 14.5 -5.5t19.5 -16t16 -29.5l28 -115l2 -8h683h4h1q25 0 38 -16q16 -18 10 -59zM441.5 67q-37.5 0 -64 -27t-26.5 -64.5t26.5 -64t64 -26.5t64 26.5t26.5 64t-26.5 64.5t-64 27zM441.5 -93
q-28.5 0 -48.5 20t-20 48.5t20 48.5t48.5 20t48.5 -20t20 -48.5t-20 -48.5t-48.5 -20zM721.5 67q-37.5 0 -64 -27t-26.5 -64.5t26.5 -64t64 -26.5t64.5 26.5t27 64t-27 64.5t-64.5 27zM721.5 -93q-28.5 0 -48.5 20t-20 48.5t20 48.5t48.5 20t48.5 -20t20 -48.5t-20 -48.5
t-48.5 -20z" />
<glyph glyph-name="yuan" unicode="&#xe6cd;"
d="M59 384h906h-906z" />
<glyph glyph-name="sq" unicode="&#xe6cf;"
d="M922 510l-368 369q-17 17 -41 17t-41 -17l-369 -369q-19 -17 -19 -43q0 -24 17 -41t41 -17q26 0 43 19l270 270v-471q0 -24 17 -41t41 -17t41 17t17 41v471l269 -270q17 -15 40 -15q24 0 41 17t17 41q0 23 -16 39v0zM834 38h-642q-24 0 -41 -17t-17 -41t17 -41t41 -17
h642v0q24 0 41 17t17 41t-17 41t-41 17v0v0z" />
<glyph glyph-name="zz" unicode="&#xe6d1;"
d="M763 743q-74 59 -163.5 83.5t-177 15.5t-167.5 -48l-89 83q-15 14 -32 18t-32 -6q-18 -4 -28 -20.5t-10 -36.5v-248q0 -24 16.5 -40.5t40.5 -16.5h248q38 0 57 38q12 47 -12 64l-70 70q84 34 179.5 21.5t169.5 -72.5q79 -60 116 -149.5t25.5 -185.5t-71.5 -174
q-42 -57 -105.5 -93.5t-135.5 -46.5q-72 -9 -141 9t-126 61q-19 14 -44 10.5t-39 -23t-10 -44t23 -38.5q132 -102 292 -102q45 0 64 6q96 15 178.5 62t139.5 123q78 106 92.5 235t-35 248t-153.5 197z" />
<glyph glyph-name="yz" unicode="&#xe6d2;"
d="M255 743q113 85 252.5 96.5t262.5 -51.5l83 83q25 25 63 12q18 0 28.5 -15t10.5 -36v-248q0 -24 -17 -40.5t-41 -16.5h-254q-38 0 -57 38q-12 48 12 64l70 70q-79 35 -174 22t-169 -73q-78 -59 -115.5 -148.5t-26 -186t71.5 -174.5q43 -57 106.5 -93.5t135.5 -46.5
q71 -9 140 9t127 61q19 14 43.5 10.5t39 -23t10.5 -44t-23 -38.5q-133 -102 -293 -102q-44 0 -63 6q-97 15 -179.5 62t-139.5 123q-78 106 -92.5 235t35.5 248t153 197z" />
<glyph glyph-name="hh" unicode="&#xe6d3;" horiz-adv-x="1170"
d="M995 91q97 131 110 291.5t-59 301.5l95 95q29 29 15 73q0 21 -17.5 32.5t-41.5 11.5h-285q-28 0 -47 -19t-19 -47v-285q0 -44 44 -66q54 -13 73 15l81 80q40 -97 25.5 -206.5t-84.5 -195.5q-68 -90 -171 -133t-213.5 -29.5t-200.5 81.5q-66 50 -108 123t-53 155t10 162
t70 146q17 22 12.5 50t-26.5 44.5t-50.5 12t-44.5 -26.5q-51 -68 -80.5 -153t-29.5 -176q0 -51 7 -73q17 -111 71.5 -206t140.5 -160q119 -93 266 -111.5t283.5 38t226.5 175.5z" />
<glyph glyph-name="sc" unicode="&#xe6d5;"
d="M409.5 787q124.5 0 212.5 -88t88 -212.5t-88 -212.5t-212.5 -88t-212.5 88t-88 212.5t88 212.5t212.5 88zM409.5 896q-110.5 0 -204.5 -55.5t-149.5 -149.5t-55.5 -204.5t55.5 -205t149.5 -149.5t204.5 -55t205 55t149.5 149.5t55 205t-55 204.5t-149.5 149.5t-205 55.5z
M890 -109l-269 269l115 115l269 -269q14 -14 14 -38t-14 -38l-39 -39q-14 -19 -35.5 -19t-40.5 19z" />
<glyph glyph-name="w" unicode="&#xe6d6;"
d="M512 823q89 0 170 -35t140 -94t94 -140t35 -170t-35 -170t-94 -140t-140 -94t-170 -35t-170 35t-140 94t-94 140t-35 170t35 170t94 140t140 94t170 35zM512 896q-105 0 -200 -40t-163.5 -108.5t-108.5 -163.5t-40 -200q0 -140 68 -258t186 -186t258 -68t258 68t186 186
t68 258q0 105 -40 200t-108.5 163.5t-163.5 108.5t-200 40zM505 245q-18 0 -31 11.5t-13 32.5q0 48 23.5 85.5t64.5 60.5q26 11 42 35.5t16 52.5q0 44 -29 73t-73 29t-73.5 -29t-29.5 -73q0 -16 -13.5 -30t-30 -14t-30 14t-13.5 30q0 77 56.5 133.5t133 56.5t133.5 -56.5
t57 -133.5q0 -56 -27 -101.5t-76 -66.5q-43 -30 -43 -66q0 -18 -12 -31t-32 -13zM505 128zM439 128q0 -27 19 -46.5t46.5 -19.5t47 19.5t19.5 46.5t-19.5 46.5t-47 19.5t-46.5 -19.5t-19 -46.5z" />
</font>
</defs></svg>
... ...
No preview for this file type
No preview for this file type
... ... @@ -5,6 +5,7 @@
*/
var problemTpl = require('../../hbs/help/problem-box.hbs');
var yas = require('../common/data-yas');
// 问题弹窗操作
var problemBox = function() {
... ... @@ -55,4 +56,25 @@ $subsets.click(function() {
}
});
// 左侧菜单栏点击埋点
$('.help-navigation .nav li').on('click', function() {
var yasParams, flag;
var id = $(this).attr('class').split(' ')[1].split('-')[1];
var text = $(this).find('.menu-txt').html();
if ($(this).hasClass('big-category')) {
yasParams = {
MENU_ID1: id,
MENU_NM1: text
};
} else {
yasParams = {
MENU_ID2: id,
MENU_NM2: text
};
}
yas.givePoint('YB_HELP_MENU_C', yasParams);
});
module.exports = problemBox;
... ...
... ... @@ -5,6 +5,7 @@
*/
var helpSearch = require('./help-search');
var problemBox = require('./help-common');
var yas = require('../common/data-yas');
var Scroller = require('./scroller');
require('../common');
... ... @@ -13,24 +14,40 @@ $(function() {
helpSearch.init();
problemBox();
$('.new-guide li').each(function(key, item) {
if (key % 6 === 0) {
$(item).css({
marginLeft: 0
setTimeout(function() {
new Scroller('notice', 30, 5);
// 公告栏某一公告点击埋点
$('.notice a').on('click', function() {
yas.givePoint('YB_HELP_NOTICE_C', {
POS_ID: $(this).data('index'),
POS_NM: $(this).find('.notice-txt').html()
});
}
});
}, 5000);
// 帮助中心右侧新手指南某一位置点击埋点
$('.new-guide a').on('click', function() {
yas.givePoint('YB_HELP_GUIDE_C', {
POS_ID: $(this).data('index'),
POS_NM: $(this).find('p').html()
});
});
$('.self-service li').each(function(key, item) {
if (key % 4 === 0) {
$(item).css({
marginLeft: 0
});
}
// 帮助中心右侧自助服务某一位置点击埋点
$('.self-service a').on('click', function() {
yas.givePoint('YB_HELP_SERVICE_C', {
POS_ID: $(this).data('index'),
POS_NM: $(this).find('p').html()
});
});
setTimeout(function() {
new Scroller('notice', 30, 5);
}, 5000);
// 帮助中心右侧常见问题某一位置点击埋点
$('.problem a').on('click', function() {
yas.givePoint('YB_HELP_QUESTION_C', {
POS_ID: $(this).index() + 1,
POS_NM: $(this).data('ask')
});
});
});
... ...
... ... @@ -3,6 +3,8 @@
* @author: wsl(shuiling.wang@yoho.cn)
* @date: 2016/12/02
*/
var yas = require('../common/data-yas');
var helpSearch = {
$search: $('.help-search'),
init: function() {
... ... @@ -13,9 +15,13 @@ var helpSearch = {
_this.searchDefaultVal();
$searchBtn.click(function() {
if (_this.$search.val() === '请输入您想知道的帮助信息') {
var key = _this.$search.val();
if (key === '请输入您想知道的帮助信息') {
_this.$search.val('');
}
_this.searchYas(key);
$helpSearchForm.submit();
});
... ... @@ -26,12 +32,30 @@ var helpSearch = {
$(this).val('');
}
_this.searchYas(key);
if (e.which === 13) {
if (key) {
$helpSearchForm.submit();
}
}
});
// 热搜词埋点
$('.search-box .keyword a').on('click', function() {
yas.givePoint('YB_HELP_SEARCH_C', {
POS_ID: 2,
POS_NM: '热搜词 ',
KEYWORD: $(this).html()
});
});
},
searchYas: function(keyword) { // 搜索框埋点
yas.givePoint('YB_HELP_SEARCH_C', {
POS_ID: 1,
POS_NM: '搜索框',
KEYWORD: keyword
});
},
searchDefaultVal: function() {
var _this = this;
... ...
... ... @@ -103,7 +103,10 @@
.help {
.iconfont {
color: #8e8e8e;
font-size: 15px;
color: #898989;
position: relative;
top: -1px;
}
}
... ...
... ... @@ -20,7 +20,7 @@
.detail-problem {
width: 740px;
margin: 0 auto;
padding: 15px 0;
padding: 20px 0;
a {
width: 48%;
... ... @@ -72,10 +72,9 @@
.cont {
color: #989898;
margin-top: 15px;
margin-top: 14px;
font-size: 14px;
line-height: 20px;
height: 60px;
line-height: 23px;
overflow: hidden;
}
... ... @@ -97,7 +96,7 @@
.help-cont {
.cont {
padding: 15px 20px;
padding: 25px 20px 0;
box-sizing: border-box;
width: 740px;
margin: 0 auto;
... ... @@ -126,6 +125,7 @@
background: url("/help/a.png") no-repeat;
position: absolute;
left: 0;
top: 2px;
}
.cont:before {
... ... @@ -143,7 +143,7 @@
float: left;
margin-top: 30px;
position: relative;
padding-left: 36px;
padding-left: 35px;
width: 100%;
box-sizing: border-box;
... ...
... ... @@ -116,7 +116,7 @@
.menu-common {
width: 740px;
margin: 10px auto 30px;
margin: 0 auto 30px;
height: auto;
overflow: hidden;
padding: 0 15px;
... ... @@ -124,31 +124,34 @@
li {
float: left;
margin: 20px 0 0 74px;
height: 105px;
overflow: hidden;
margin-top: 30px;
}
a {
width: 56px;
text-align: center;
display: block;
float: left;
}
p {
width: 100%;
font-size: 14px;
color: #3a3a3a;
line-height: 17px;
margin-top: 10px;
line-height: 15px;
margin-top: 12px;
text-align: center;
}
}
.new-guide a {
margin-left: 74px;
}
.self-service {
padding: 0 20px;
li {
a {
margin-left: 158px;
}
}
... ... @@ -156,7 +159,7 @@
.problem {
width: 700px;
margin: 0 auto;
padding-top: 25px;
padding-top: 21px;
a {
width: 48%;
... ...
... ... @@ -16,11 +16,13 @@
border-top: none;
width: 740px;
margin: 0 auto;
padding-bottom: 10px
}
.help-navigation {
width: 163px;
background: #fff;
margin-bottom: 20px;
.title {
width: 100%;
... ... @@ -94,7 +96,6 @@
.help-main {
width: 785px;
margin: 0 0 60px 40px;
min-height: 682px;
border: 1px solid #e0e0e0;
padding-bottom: 20px;
}
... ... @@ -123,7 +124,6 @@
.problem-area {
min-width: 345px;
min-height: 193px;
max-width: 610px;
max-height: 380px;
position: relative;
... ... @@ -143,7 +143,7 @@
.cont-area {
margin: 0 auto;
padding: 60px 40px;
padding: 53px 18px 53px 45px;
}
.a-area,
... ... @@ -162,7 +162,7 @@
display: block;
position: absolute;
left: 0;
top: 3px;
top: 2px;
}
}
... ... @@ -175,7 +175,12 @@
.q-area {
line-height: 24px;
max-height: 210px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
img {
max-width: 100%;
}
}
.a-area:before {
... ... @@ -188,8 +193,8 @@
.iconfont {
position: absolute;
right: 35px;
top: 25px;
right: 28px;
top: 21px;
cursor: pointer;
font-size: 30px;
z-index: 4;
... ...