user center return top

@@ -11,7 +11,7 @@ var express = require('express'),
 var app = express();
 
 // set view engin
-var doraemon = path.join(__dirname, '../../doraemon/views'); //parent view root
+var doraemon = path.join(__dirname, '../../doraemon/views'); // parent view root
 
 app.on('mount', function(parent) {
     delete parent.locals.settings; // 不继承父 App 的设置
@@ -30,4 +30,4 @@ app.engine('.hbs', hbs({
 // router
 app.use(require('./router'));
 
-module.exports = app;
\ No newline at end of file
+module.exports = app;

@@ -14,11 +14,21 @@
                 {{/each}}
             </ul>
             {{#if banner}}
-                <img class="banner-img" src="{{banner}}">
+                <img class="banner-img" data-original="{{banner}}">
             {{/if}}
         </div>
 
         {{!-- 右侧页面内容 --}}
         <div class="me-main left"></div>
     {{/ content}}
+    <div class="service-top">
+        <a class="service" href="">
+            <span class="iconfont">&#xe61c;</span>
+            <span class="hover-text hide">在线<br>客服</span>
+        </a>
+        <div class="return-top">
+            <span class="iconfont bold">&#xe617;</span>
+            <span class="hover-text hide">返回<br>顶部</span>
+        </div>
+    </div>
 </div>
\ No newline at end of file

@@ -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 Mon Jul  4 11:37:11 2016
+Created by FontForge 20120731 at Mon Jul  4 15:42:03 2016
  By admin
 </metadata>
 <defs>
@@ -19,7 +19,7 @@ Created by FontForge 20120731 at Mon Jul  4 11:37:11 2016
     bbox="0 -212 1303 896.303"
     underline-thickness="50"
     underline-position="-100"
-    unicode-range="U+0078-E61B"
+    unicode-range="U+0078-E61C"
   />
 <missing-glyph horiz-adv-x="374" 
 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
 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
 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
 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" />
+    <glyph glyph-name="uniE613" unicode="&#xe613;" 
+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" />
     <glyph glyph-name="uniE614" unicode="&#xe614;" 
 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
@@ -105,5 +107,8 @@ t74 -31t31 -74z" />
     <glyph glyph-name="uniE61B" unicode="&#xe61b;" 
 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
 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" />
+    <glyph glyph-name="uniE61C" unicode="&#xe61c;" horiz-adv-x="1093" 
+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
+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" />
   </font>
 </defs></svg>

+/**
+ * 个人中心布局
+ * @author: xuqi<qi.xu@yoho.cn>
+ * @date: 2016/07/04
+ */
+
+var $ = require('yoho-jquery'),
+    lazyLoad = require('yoho-jquery-lazyload');
+
+// 左侧banner图片lazyload
+lazyLoad($('.banner-img'));
+
+// 浮动在线客服和返回顶部的鼠标移入移出切换效果
+$('.service, .return-top').hover(function() {
+    $(this).find('.iconfont').addClass('hide').end().find('.hover-text').removeClass('hide');
+}, function() {
+    $(this).find('.iconfont').removeClass('hide').end().find('.hover-text').addClass('hide');
+});

+/**
+ * [个人中心]首页/我的订单
+ * @author: xuqi<qi.xu@yoho.cn>
+ * @date: 2016/07/04
+ */
+
+require('./me');

@@ -50,4 +50,36 @@ body.for-me {
     .me-main {
         width: 990px;
     }
+
+    .service-top {
+        position: fixed;
+        left: 50%;
+        bottom: 20px;
+        border: 1px solid #eee;
+        background: #fff;
+        cursor: pointer;
+        z-index: 2;
+        margin-left: 625px;
+
+        .service,
+        .return-top {
+            display: block;
+            width: 50px;
+            height: 50px;
+            padding-top: 13px;
+            text-align: center;
+
+            &:hover {
+                padding-top: 8px;
+            }
+        }
+
+        .return-top {
+            border-top: 1px solid #eee;
+        }
+
+        .hover-text {
+            font-size: 12px;
+        }
+    }
 }