暂存

 'use strict';
 
-//const headerModel = require('../../../doraemon/models/header'); // 头部model
+const headerModel = require('../../../doraemon/models/header'); // 头部model
 // const family = require('../models/family');
 
 exports.familyIndex = (req, res) => {
@@ -13,3 +13,18 @@ exports.familyIndex = (req, res) => {
         localCss: true
     });
 };
+
+exports.scoreDetail = (req, res) => {
+    let responseData = {
+        module: 'home',
+        page: 'family-score',
+        pageHeader: headerModel.setNav({
+            navTitle: '会员等级'
+        }),
+        title: 'YOHO！FAMILY',
+        width750: true,
+        localCss: true
+    };
+
+    res.render('family/score-detail', Object.assign(responseData, ''));
+};

@@ -178,4 +178,5 @@ router.post('/return/exchange/cancel-apply', auth, exchange.cancelApply); // AJA
 router.get('/tide-command', auth, tideCommand.tideCommand); // 设置潮流口令
 
 router.get('/family', auth, family.familyIndex); // family首页
+router.get('/family/scoreDetail', auth, family.scoreDetail); // family首页
 module.exports = router;

+<div class="yoho-family-page yoho-page">
+    <div class="score-detail-c">
+        <div class="tab">
+            <div class="tab-item">版块
+                <ul class="list">
+                    <li>全部</li>
+                    <li>Yoho!Buy</li>
+                    <li>Yoho!Now</li>
+                    <li>Mars</li>
+                    <li>Yo!Coffee</li>
+                    <li>Yo!Green</li>
+                    <li>Yo!Little</li>
+                </ul>
+            </div>
+            <div class="tab-item">积分明细
+                <ul class="list">
+                    <li>全部</li>
+                    <li>收入</li>
+                    <li>支出</li>
+                </ul>
+            </div>
+            <div class="tab-item">最近三月
+                <ul class="list">
+                    <li>全部</li>
+                    <li>最近三月</li>
+                    <li>最近六月</li>
+                    <li>最近一年</li>
+                </ul>
+            </div>
+        </div>
+        <div class="cover-bg"></div>
+        <div class="result">
+            <div class="result-item">1111</div>
+            <div class="result-item">1111</div>
+            <div class="result-item">1111</div>
+            <div class="result-item">1111</div>
+            <div class="result-item">1111</div>
+            <div class="result-item">1111</div>
+        </div>
+    </div>
+</div>
\ No newline at end of file

+require('home/family-score.page.css');

+body,
+html {
+    background-color: #f0f0f0;
+}
+
+.score-detail-c {
+    .cover-bg {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: #000;
+        opacity: 0.4;
+    }
+
+    .tab {
+        height: 86px;
+        border-bottom: solid 1px #e0e0e0;
+        padding: 18px 0;
+        background-color: #fff;
+        position: relative;
+        z-index: 1;
+
+        .tab-item {
+            width: 250px;
+            height: 50px;
+            line-height: 50px;
+            float: left;
+            text-align: center;
+            font-size: 30px;
+            color: #1a1a1a;
+            border-right: solid 1px #e0e0e0;
+
+            &:last-child {
+                border-right: 0;
+            }
+
+            .list {
+                display: none;
+                width: 750px;
+                text-align: left;
+                padding-top: 18px;
+
+                li {
+                    line-height: 90px;
+                    border-bottom: solid 1px #e0e0e0;
+                    padding: 0 30px;
+                    background-color: #fff;
+                }
+
+                li:last-child {
+                    border-bottom: 0;
+                }
+            }
+        }
+    }
+
+    .result {
+        .result-item {
+            height: 125px;
+            line-height: 125px;
+            padding: 0 34px;
+            background-color: #fff;
+            border-bottom: solid 1px #e0e0e0;
+
+            &:last-child {
+                border-bottom: 0;
+            }
+        }
+    }
+}