download app

+/**
+ * 下载app页controller
+ * @author: yyq<yanqing.yang@yoho.cn>
+ * @date: 2017/3/27
+ */
+'use strict';
+
+const headerModel = require('../../../doraemon/models/header');
+
+const index = (req, res, next) => {
+    let channel = req.cookies._Channel || 'boys';
+
+    headerModel.requestHeaderData(channel).then(result => {
+        res.render('app', result);
+    }).catch(next);
+};
+
+module.exports = {
+    index
+};

+/**
+ * sub app download
+ * @author: yyq<yanqing.yang@yoho.cn>
+ * @date: 2017/03/27
+ */
+
+var express = require('express'),
+    path = require('path');
+
+var app = express();
+
+// set view engin
+var doraemon = path.join(__dirname, '../../doraemon/views'); // parent view root
+
+app.on('mount', function(parent) {
+    delete parent.locals.settings; // 不继承父 App 的设置
+    Object.assign(app.locals, parent.locals);
+});
+
+app.use(global.yoho.hbs({
+    extname: '.hbs',
+    defaultLayout: 'layout',
+    layoutsDir: doraemon,
+    partialsDir: [path.join(__dirname, 'views/partial')],
+    views: path.join(__dirname, 'views/action'),
+    helpers: global.yoho.helpers
+}));
+
+// router
+app.use(require('./router'));
+
+module.exports = app;

+/**
+ * router of sub app download
+ * @author: yyq<yanqing.yang@yoho.cn>
+ * @date: 2017/03/27
+ */
+
+'use strict';
+
+const router = require('express').Router(); // eslint-disable-line
+const cRoot = './controllers';
+
+const appCtrl = require(`${cRoot}/app`);
+
+router.get('/app', appCtrl.index);
+
+module.exports = router;

+<div class="app-download-page download-page yoho-page">
+    <div class="top-wrapper">
+        <div class="top-down">
+            <a href="http://itunes.apple.com/us/app/id490655927?ls=1&amp;mt=8" target="_blank" class="down-btns"></a>
+            <a href="http://yoho-apps.qiniudn.com/YohoBuy_YOHO.apk" target="_blank" class="down-btns"></a>
+        </div>
+    </div>
+    <div class="main-wrapper">
+        {{#if devEnv}}
+            <div class="intro intro-1">
+                <img src="//{{devHost}}:5002/img/download/intro-1.png?random=1466056691">
+            </div>
+            <div class="intro intro-2">
+                <img src="//{{devHost}}:5002/img/download/intro-2.png?random=1466056691">
+            </div>
+            <div class="intro intro-3">
+                <img src="//{{devHost}}:5002/img/download/intro-3.png?random=1466056691">
+            </div>
+            <div class="intro intro-4">
+                <img src="//{{devHost}}:5002/img/download/intro-4.png?random=1466056691">
+            </div>
+            <div class="intro intro-5">
+                <img src="//{{devHost}}:5002/img/download/intro-5.png?random=1466056691">
+            </div>
+            <div class="intro intro-6">
+                <img src="//{{devHost}}:5002/img/download/intro-6.jpg?random=1466056691">
+                <div class="bottom-down">
+                    <div class="qr-code right"></div>
+                    <a href="http://itunes.apple.com/us/app/id490655927?ls=1&amp;mt=8" target="_blank" class="down-app-btn down-btns"></a>
+                    <a href="http://yoho-apps.qiniudn.com/YohoBuy_YOHO.apk" target="_blank" class="down-apk-btn down-btns"></a>
+                </div>
+            </div>
+        {{^}}
+            <div class="intro intro-1">
+                <img src="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy/assets/img/download/intro-1.png?random=1466056691">
+            </div>
+            <div class="intro intro-2">
+                <img src="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy/assets/img/download/intro-2.png?random=1466056691">
+            </div>
+            <div class="intro intro-3">
+                <img src="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy/assets/img/download/intro-3.png?random=1466056691">
+            </div>
+            <div class="intro intro-4">
+                <img src="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy/assets/img/download/intro-4.png?random=1466056691">
+            </div>
+            <div class="intro intro-5">
+                <img src="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy/assets/img/download/intro-5.png?random=1466056691">
+            </div>
+            <div class="intro intro-6">
+                <img src="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy/assets/img/download/intro-6.jpg?random=1466056691">
+                <div class="bottom-down">
+                    <div class="qr-code right"></div>
+                    <a href="http://itunes.apple.com/us/app/id490655927?ls=1&amp;mt=8" target="_blank" class="down-app-btn down-btns"></a>
+                    <a href="http://yoho-apps.qiniudn.com/YohoBuy_YOHO.apk" target="_blank" class="down-apk-btn down-btns"></a>
+                </div>
+            </div>
+        {{/if}}
+    </div>
+    <div class="foot-wrapper">
+        <a href="http://app.yohoshow.com/" target="_blank">
+            {{#if devEnv}}
+                <img src="//{{devHost}}:5002/img/download/main-bottom.jpg">
+            {{^}}
+                <img src="//{{#isEqual cdn 'qcloud'}}qcdn.yoho.cn{{^}}cdn.yoho.cn{{/isEqual}}/yohobuy/assets/img/download/main-bottom.jpg">
+            {{/if}}
+        </a>
+    </div>
+</div>

@@ -21,6 +21,7 @@ module.exports = app => {
     app.use('/help', require('./apps/help'));// 帮助中心
     app.use('/help', require('./apps/help'));// 帮助中心
     app.use('/shop', require('./apps/shop'));// 店铺
     app.use('/shop', require('./apps/shop'));// 店铺
     app.use(require('./apps/about')); // 关于有货
     app.use(require('./apps/about')); // 关于有货
+    app.use('/download', require('./apps/download')); // 下载
 
 
     // 第三方，如广告联盟
     // 第三方，如广告联盟
     app.use('/3party', require('./apps/3party'));
     app.use('/3party', require('./apps/3party'));

+require('../common');

+.app-download-page {
+    .top-wrapper {
+        height: 550px;
+        background: resolve("download/main-top.png?random=1466056691") no-repeat top center;
+
+        .top-down {
+            width: 444px;
+            margin: 0 auto;
+            padding-top: 305px;
+        }
+
+        .down-btns {
+            width: 216px;
+            height: 65px;
+            display: block;
+            margin-left: 200px;
+            float: right;
+        }
+
+        .down-btns:first-child {
+            margin-bottom: 10px;
+        }
+    }
+
+    .main-wrapper {
+        .intro {
+            width: 990px;
+            height: 437px;
+            margin: 114px auto 0;
+        }
+
+        .intro-6 {
+            height: 350px;
+        }
+
+        .bottom-down {
+            width: 350px;
+            margin: 0 auto;
+            overflow: hidden;
+            padding-top: 34px;
+
+            .qr-code {
+                width: 130px;
+                height: 130px;
+                background: url("/download/down-qr-code.png");
+            }
+
+            .down-btns {
+                width: 200px;
+                height: 60px;
+                display: block;
+            }
+
+            .down-app-btn {
+                margin-bottom: 8px;
+                background: url("/download/app-down.png");
+            }
+
+            .down-apk-btn {
+                background: url("/download/apk-down.png");
+            }
+        }
+    }
+
+    .foot-wrapper {
+        height: 100px;
+        text-align: center;
+    }
+}

+@import "app";