Authored by yyq

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('/shop', require('./apps/shop'));// 店铺
app.use(require('./apps/about')); // 关于有货
app.use('/download', require('./apps/download')); // 下载
// 第三方,如广告联盟
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";
... ...