look at qrcode

+/**
+ * 个人中心二维码 controller
+ * @author: weiqingting<qingting.wei@yoho.cn>
+ * @date: 2016/05/16
+ */
+
+'use strict';
+
+const QRcodeModel = require('../models/QRcode');
+
+exports.QRcode = (req, res) => {
+    let id = req.params.id || 0;
+
+    QRcodeModel.getQRcodeData(id).then((result)=>{
+        result.ticks = result.ticks.map(item=>{
+            if (+item.ticket_type === 2) {
+                item.isgroup = true;
+            }
+            return item;
+        });
+
+        let vm = {
+            qrcodeData: result
+        };
+
+        res.render('QRcode', vm);
+    }).catch((err) => {
+        res.send(err);
+    });
+};

+/**
+ * sub app coupon
+ * @author: lixia.zhang<lixia.zhang@yoho.cn>
+ * @date: 2016/05/31
+ */
+
+var express = require('express'),
+    path = require('path'),
+    hbs = require('express-handlebars');
+
+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.set('views', path.join(__dirname, 'views/action'));
+app.engine('.hbs', hbs({
+    extname: '.hbs',
+    defaultLayout: 'layout',
+    layoutsDir: doraemon,
+    partialsDir: ['./views/partial', `${doraemon}/partial`],
+    helpers: global.yoho.helpers
+}));
+
+// router
+app.use(require('./router'));
+
+module.exports = app;

+/**
+ * 个人中心二维码 model
+ * @author: weiqingting<qingting.wei@yoho.cn>
+ * @date: 2016/05/16
+ */
+'use strict';
+
+const logger = global.yoho.logger;
+var api = global.yoho.API;
+
+exports.getQRcodeData = (id) => {
+    return api.get('', {
+        method: 'app.SpaceOrders.getQrByOrderCode'
+    }, {
+        cache: true
+    }).then(result => {
+        if (result && result.code === 200) {
+            return result.data;
+        } else {
+            logger.error(`查看二维码ID: ${id}  接口返回数据错误`);
+            return {};
+        }
+    });
+};
+

+/**
+ * router of sub app product
+ * @author: weiqingting<qingting.wei@yoho.cn>
+ * @date: 2016/05/06
+ */
+'use strict';
+
+const express = require('express');
+const router = express.Router(); // eslint-disable-line
+const cRoot = './controllers';
+
+const personalController = require(`${cRoot}/QRcode`);
+
+// 查看二维码
+router.get('/QRcode/:id', personalController.QRcode);
+
+module.exports = router;

+<header id="yoho-header" class="yoho-header boys">
+    <a href="javascript:history.go(-1);" class="iconfont nav-back"></a>
+    <p class="nav-title">查看二维码</p>
+</header>
+<div class="qrcode yoho-page"> 
+	<h2 class='qrcode-title'>2016 非常潮流盛世 YO'HOOD门票(限量)1件</h2>
+	<p class='qrcode-tip'>提示：凭借二维码入场，每场二维码只可使用一次,请妥善保管。</p>
+	<div class='qrcode-wrap'>
+	 {{#qrcodeData}}
+		<p class='qrcode-pages'><a class='pagec'>1</a>/{{ticks.length}}</p>
+		<a class='prev chan'></a>
+		<a class='next chan'></a>
+		<div class="swiper-container">
+		  <div class="swiper-wrapper">
+		  {{#each ticks}}
+		      <div class="swiper-slide">
+		      	<a class='qrcode-img'><img src="{{qr_image}}"></a>
+		      	<p><label class='t'>编号:</label>{{ticket_code}}</p>
+		      	{{#if isgroup}}
+		      	<p><label class='t'>座位号:</label>{{seat_no}}</p>
+		      	{{/if}}
+		      	<p><label class='t'>进场时间:</label>{{entrance_time}}</p>
+		      </div>
+		  {{/each}}
+		  </div>
+		</div>
+	{{/qrcodeData}}
+	</div>
+</div>

@@ -16,4 +16,5 @@ module.exports = app => {
     app.use('/guang', require('./apps/guang'));
     app.use('/guang', require('./apps/guang'));
     app.use('/passport', require('./apps/passport'));
     app.use('/passport', require('./apps/passport'));
     app.use('/activity', require('./apps/activity'));
     app.use('/activity', require('./apps/activity'));
+    app.use('/home', require('./apps/home'));
 };
 };

+var $ = require('yoho-jquery');
+var Swiper = require('yoho-swiper');
+var mySwiper;
+
+mySwiper = new Swiper('.swiper-container', {
+    onSlideChangeEnd: function(swiper) {
+        $('.pagec').html(swiper.snapIndex + 1);
+    }
+});
+$('.prev').click(function() {
+    mySwiper.slidePrev();
+});
+$('.next').click(function() {
+    mySwiper.slideNext();
+});

+@import "qrcode";

+.qrcode{
+	padding:0 30px;
+	.qrcode-title{
+		margin:30px 0;
+	}
+	.qrcode-tip{
+		font-size:20px;
+		color:#c6c6c6;
+		background:url("../img/passport/info.png");
+	}
+	.qrcode-say{
+		color:#c6c6c6;
+		margin-top:80px;
+	}
+	.qrcode-wrap{
+		position:relative;
+		.chan{
+			background: url("../img/channel/up-icon.png");
+			background-size: 40px 40px;
+		    position: absolute;
+		    top: 50%;
+		    margin-top: -15px;
+		    width: 40px;
+		    height: 40px;
+
+		}
+		.prev{
+		    left: 0px;
+		    transform:rotate(-90deg);
+		}
+		.next{
+			right:0px;
+			transform:rotate(90deg);
+		}
+	}
+	.qrcode-pages{
+		text-align:center;
+		padding:30px 0;
+		letter-spacing:4px;
+	}
+	.swiper-container{
+		width:412px;
+		.qrcode-img{
+			width:412px;
+			height:412px;
+			display:block;
+			margin-bottom:40px;
+			img{
+				width:100%;
+				height:100%;
+				display:block;
+			}
+		}
+		p{
+			line-height:35px;
+			height:35px;
+		}
+		label{
+			display:inline-block;
+			width:148px;
+			text-align:right;
+			margin-right:40px;
+		}
+		
+	}
+	.swiper-container {
+		margin:0 auto;
+		position:relative;
+		overflow:hidden;
+		-webkit-backface-visibility:hidden;
+		-moz-backface-visibility:hidden;
+		-ms-backface-visibility:hidden;
+		-o-backface-visibility:hidden;
+		backface-visibility:hidden;
+		/* Fix of Webkit flickering */
+		z-index:1;
+	}
+	.swiper-wrapper {
+		position:relative;
+		width:100%;
+		-webkit-transition-property:-webkit-transform, left, top;
+		-webkit-transition-duration:0s;
+		-webkit-transform:translate3d(0px,0,0);
+		-webkit-transition-timing-function:ease;
+		
+		-moz-transition-property:-moz-transform, left, top;
+		-moz-transition-duration:0s;
+		-moz-transform:translate3d(0px,0,0);
+		-moz-transition-timing-function:ease;
+		
+		-o-transition-property:-o-transform, left, top;
+		-o-transition-duration:0s;
+		-o-transform:translate3d(0px,0,0);
+		-o-transition-timing-function:ease;
+		-o-transform:translate(0px,0px);
+		
+		-ms-transition-property:-ms-transform, left, top;
+		-ms-transition-duration:0s;
+		-ms-transform:translate3d(0px,0,0);
+		-ms-transition-timing-function:ease;
+		
+		transition-property:transform, left, top;
+		transition-duration:0s;
+		transform:translate3d(0px,0,0);
+		transition-timing-function:ease;
+
+		-webkit-box-sizing: content-box;
+		-moz-box-sizing: content-box;
+		box-sizing: content-box;
+	}
+	.swiper-free-mode > .swiper-wrapper {
+		-webkit-transition-timing-function: ease-out;
+		-moz-transition-timing-function: ease-out;
+		-ms-transition-timing-function: ease-out;
+		-o-transition-timing-function: ease-out;
+		transition-timing-function: ease-out;
+		margin: 0 auto;
+	}
+	.swiper-slide {
+		float: left;
+		-webkit-box-sizing: content-box;
+		-moz-box-sizing: content-box;
+		box-sizing: content-box;
+	}
+}

@@ -14,3 +14,5 @@
 /* @import "passport/index"; */
 /* @import "passport/index"; */
 @import "guang/index";
 @import "guang/index";
 @import "cart/chose-panel";
 @import "cart/chose-panel";
+
+@import "home/index";