fe / yoho-blk · Commits

Go to a project

Authored by xuqi
Commit 42ad364dfab00271b49428696207ee24527f4065 1 parent 5f6eca07

user center return top

Inline Side-by-side
Showing 9 changed files with 77 additions and 5 deletions
@@ -11,7 +11,7 @@ var express = require('express'), @@ -11,7 +11,7 @@ var express = require('express'),
11 var app = express(); 11 var app = express();
12 12
13 // set view engin 13 // set view engin
14 -var doraemon = path.join(__dirname, '../../doraemon/views'); //parent view root 14 +var doraemon = path.join(__dirname, '../../doraemon/views'); // parent view root
15 15
16 app.on('mount', function(parent) { 16 app.on('mount', function(parent) {
17 delete parent.locals.settings; // 不继承父 App 的设置 17 delete parent.locals.settings; // 不继承父 App 的设置
@@ -30,4 +30,4 @@ app.engine('.hbs', hbs({ @@ -30,4 +30,4 @@ app.engine('.hbs', hbs({
30 // router 30 // router
31 app.use(require('./router')); 31 app.use(require('./router'));
32 32
33 -module.exports = app;  
  33 +module.exports = app;
@@ -14,11 +14,21 @@ @@ -14,11 +14,21 @@
14 {{/each}} 14 {{/each}}
15 </ul> 15 </ul>
16 {{#if banner}} 16 {{#if banner}}
17 - <img class="banner-img" src="{{banner}}"> 17 + <img class="banner-img" data-original="{{banner}}">
18 {{/if}} 18 {{/if}}
19 </div> 19 </div>
20 20
21 {{!-- 右侧页面内容 --}} 21 {{!-- 右侧页面内容 --}}
22 <div class="me-main left"></div> 22 <div class="me-main left"></div>
23 {{/ content}} 23 {{/ content}}
  24 + <div class="service-top">
  25 + <a class="service" href="">
  26 + <span class="iconfont">&#xe61c;</span>
  27 + <span class="hover-text hide">在线<br>客服</span>
  28 + </a>
  29 + <div class="return-top">
  30 + <span class="iconfont bold">&#xe617;</span>
  31 + <span class="hover-text hide">返回<br>顶部</span>
  32 + </div>
  33 + </div>
24 </div> 34 </div>
No preview for this file type
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 <svg xmlns="http://www.w3.org/2000/svg"> 3 <svg xmlns="http://www.w3.org/2000/svg">
4 <metadata> 4 <metadata>
5 -Created by FontForge 20120731 at Mon Jul 4 11:37:11 2016 5 +Created by FontForge 20120731 at Mon Jul 4 15:42:03 2016
6 By admin 6 By admin
7 </metadata> 7 </metadata>
8 <defs> 8 <defs>
@@ -19,7 +19,7 @@ Created by FontForge 20120731 at Mon Jul 4 11:37:11 2016 @@ -19,7 +19,7 @@ Created by FontForge 20120731 at Mon Jul 4 11:37:11 2016
19 bbox="0 -212 1303 896.303" 19 bbox="0 -212 1303 896.303"
20 underline-thickness="50" 20 underline-thickness="50"
21 underline-position="-100" 21 underline-position="-100"
22 - unicode-range="U+0078-E61B" 22 + unicode-range="U+0078-E61C"
23 /> 23 />
24 <missing-glyph horiz-adv-x="374" 24 <missing-glyph horiz-adv-x="374"
25 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" /> 25 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
@@ -82,6 +82,8 @@ d="M512 384zM64 384q0 91 35.5 174t95.5 143t143 95.5t174 35.5t174 -35.5t143 -95.5 @@ -82,6 +82,8 @@ d="M512 384zM64 384q0 91 35.5 174t95.5 143t143 95.5t174 35.5t174 -35.5t143 -95.5
82 d="M511 748q91 0 174 -35.5t143 -96t95.5 -143.5t35.5 -174t-35.5 -174t-96 -143t-143.5 -95.5t-173 -35.5q-92 0 -174.5 36t-142.5 96t-95.5 142.5t-36 173.5t35.5 174t96 143.5t143 96t174 35.5zM917 300q0 110 -54.5 203t-148 147.5t-203.5 54.5q-110 1 -203.5 -53.5 82 d="M511 748q91 0 174 -35.5t143 -96t95.5 -143.5t35.5 -174t-35.5 -174t-96 -143t-143.5 -95.5t-173 -35.5q-92 0 -174.5 36t-142.5 96t-95.5 142.5t-36 173.5t35.5 174t96 143.5t143 96t174 35.5zM917 300q0 110 -54.5 203t-148 147.5t-203.5 54.5q-110 1 -203.5 -53.5
83 t-148 -148t-54.5 -203.5t54 -203.5t147.5 -148t204.5 -54.5q109 0 203 54t148.5 148t54.5 204zM536 155h-57v33q2 37 18 64q13 20 34 40q41 39 48 45q16 16 21 31q15 44 -16 81q-23 28 -60.5 32.5t-61.5 -11.5q-29 -17 -41 -55q-1 -1 -9 -32q-56 7 -61 7q2 15 3 15 83 t-148 -148t-54.5 -203.5t54 -203.5t147.5 -148t204.5 -54.5q109 0 203 54t148.5 148t54.5 204zM536 155h-57v33q2 37 18 64q13 20 34 40q41 39 48 45q16 16 21 31q15 44 -16 81q-23 28 -60.5 32.5t-61.5 -11.5q-29 -17 -41 -55q-1 -1 -9 -32q-56 7 -61 7q2 15 3 15
84 q8 45 32 74q31 38 82 48q55 11 103 -5q68 -22 89 -84q21 -63 -20 -116q-6 -8 -14 -16.5t-14 -14.5t-16.5 -15.5t-14.5 -13.5q-18 -18 -26 -27q-15 -18 -17 -49q0 -2 -2 -31zM475 34v68h68v-68h-68z" /> 84 q8 45 32 74q31 38 82 48q55 11 103 -5q68 -22 89 -84q21 -63 -20 -116q-6 -8 -14 -16.5t-14 -14.5t-16.5 -15.5t-14.5 -13.5q-18 -18 -26 -27q-15 -18 -17 -49q0 -2 -2 -31zM475 34v68h68v-68h-68z" />
  85 + <glyph glyph-name="uniE613" unicode="&#xe613;"
  86 +d="M795 342q0 -109 -78 -185.5t-188.5 -76.5t-189 76.5t-78.5 185t78.5 185.5t188.5 77q19 0 38 -3v75q-19 2 -38 2q-93 0 -172 -45t-125 -122.5t-46 -169t46 -169t125 -122.5t172 -45t172 45t125 122.5t46 169.5h-76zM566 790v-336l191 168z" />
85 <glyph glyph-name="uniE614" unicode="&#xe614;" 87 <glyph glyph-name="uniE614" unicode="&#xe614;"
86 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 88 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
87 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 89 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
@@ -105,5 +107,8 @@ t74 -31t31 -74z" /> @@ -105,5 +107,8 @@ t74 -31t31 -74z" />
105 <glyph glyph-name="uniE61B" unicode="&#xe61b;" 107 <glyph glyph-name="uniE61B" unicode="&#xe61b;"
106 d="M512 -212q-104 0 -199 40.5t-163.5 109t-109 163.5t-40.5 199t40.5 199t109 163.5t163.5 109t199 40.5t199 -40.5t163.5 -109t109 -163.5t40.5 -199t-40.5 -199t-109 -163.5t-163.5 -109t-199 -40.5zM512 747q-91 0 -173.5 -35.5t-142.5 -95.5t-95.5 -142.5t-35.5 -173.5 108 d="M512 -212q-104 0 -199 40.5t-163.5 109t-109 163.5t-40.5 199t40.5 199t109 163.5t163.5 109t199 40.5t199 -40.5t163.5 -109t109 -163.5t40.5 -199t-40.5 -199t-109 -163.5t-163.5 -109t-199 -40.5zM512 747q-91 0 -173.5 -35.5t-142.5 -95.5t-95.5 -142.5t-35.5 -173.5
107 t35.5 -173.5t95.5 -142.5t142.5 -95.5t173.5 -35.5t173.5 35.5t142.5 95.5t95.5 142.5t35.5 173.5t-35.5 173.5t-95.5 142.5t-142.5 95.5t-173.5 35.5zM482 267l-1 351h63v-319l198 -166l-39 -55z" /> 109 t35.5 -173.5t95.5 -142.5t142.5 -95.5t173.5 -35.5t173.5 35.5t142.5 95.5t95.5 142.5t35.5 173.5t-35.5 173.5t-95.5 142.5t-142.5 95.5t-173.5 35.5zM482 267l-1 351h63v-319l198 -166l-39 -55z" />
  110 + <glyph glyph-name="uniE61C" unicode="&#xe61c;" horiz-adv-x="1093"
  111 +d="M1092 225v171q0 101 -39.5 193.5t-106.5 159.5t-160 107t-194 40h-92q-101 0 -193.5 -40t-159.5 -107t-107 -159.5t-40 -193.5v-173v-317q0 -14 10 -24t24 -10h175q15 0 24.5 10t9.5 24v317q0 15 -9.5 24.5t-24.5 9.5h-128v116q0 88 34 168t92 137.5t138 92t168 34.5h67
  112 +q87 0 167 -34.5t138 -92t92 -137.5t34 -168v-113h-129q-15 0 -24.5 -10t-9.5 -25v-317q0 -14 9.5 -24t24.5 -10h175q14 0 24 10t10 24z" />
108 </font> 113 </font>
109 </defs></svg> 114 </defs></svg>
No preview for this file type
No preview for this file type
  1 +/**
  2 + * 个人中心布局
  3 + * @author: xuqi<qi.xu@yoho.cn>
  4 + * @date: 2016/07/04
  5 + */
  6 +
  7 +var $ = require('yoho-jquery'),
  8 + lazyLoad = require('yoho-jquery-lazyload');
  9 +
  10 +// 左侧banner图片lazyload
  11 +lazyLoad($('.banner-img'));
  12 +
  13 +// 浮动在线客服和返回顶部的鼠标移入移出切换效果
  14 +$('.service, .return-top').hover(function() {
  15 + $(this).find('.iconfont').addClass('hide').end().find('.hover-text').removeClass('hide');
  16 +}, function() {
  17 + $(this).find('.iconfont').removeClass('hide').end().find('.hover-text').addClass('hide');
  18 +});
  1 +/**
  2 + * [个人中心]首页/我的订单
  3 + * @author: xuqi<qi.xu@yoho.cn>
  4 + * @date: 2016/07/04
  5 + */
  6 +
  7 +require('./me');
@@ -50,4 +50,36 @@ body.for-me { @@ -50,4 +50,36 @@ body.for-me {
50 .me-main { 50 .me-main {
51 width: 990px; 51 width: 990px;
52 } 52 }
  53 +
  54 + .service-top {
  55 + position: fixed;
  56 + left: 50%;
  57 + bottom: 20px;
  58 + border: 1px solid #eee;
  59 + background: #fff;
  60 + cursor: pointer;
  61 + z-index: 2;
  62 + margin-left: 625px;
  63 +
  64 + .service,
  65 + .return-top {
  66 + display: block;
  67 + width: 50px;
  68 + height: 50px;
  69 + padding-top: 13px;
  70 + text-align: center;
  71 +
  72 + &:hover {
  73 + padding-top: 8px;
  74 + }
  75 + }
  76 +
  77 + .return-top {
  78 + border-top: 1px solid #eee;
  79 + }
  80 +
  81 + .hover-text {
  82 + font-size: 12px;
  83 + }
  84 + }
53 } 85 }