设置潮流口令页

+'use strict';
+
+// const mRoot = '../models';
+const headerModel = require('../../../doraemon/models/header'); // 头部model
+// const tideCommandModel = require(`${mRoot}/tideCommandModel`);
+
+exports.tideCommand = (req, res) => {
+    res.render('tide-command', {
+        page: 'tide-command',
+        pageHeader: headerModel.setNav({
+            navTitle: '我的潮流口令',
+            navBtn: false,
+            save: true
+        }),
+        title: '我的潮流口令',
+        width750: true,
+        localCss: true
+    });
+};

@@ -29,6 +29,7 @@ const suggest = require(`${cRoot}/suggest`);
 const message = require(`${cRoot}/message`);
 const onlineService = require(`${cRoot}/onlineService`);
 const gradeNew = require(`${cRoot}/grade-new`);
+const tideCommand = require(`${cRoot}/tide-command`);
 
 // const myDetail = require(`${cRoot}/myDetail);
 
@@ -151,4 +152,5 @@ router.get('/gradeNew/content', auth, gradeNew.content); // app要提供我的
 router.get('/gradeNew/grow', auth, gradeNew.grow); // 成长记录
 router.get('/gradeNew/getHis', gradeNew.getHis); // 成长记录
 
+router.get('/tide-command', tideCommand.tideCommand); // 设置潮流口令
 module.exports = router;

+<div class="tide-command-page yoho-page">
+    <textarea name="" class="command-textarea" placeholder="请设置您的潮流口令"></textarea>
+    <span class="close">×</span>
+    <div class="rules">
+        <span>您的潮流口令需要是15位以内的字符，使用潮流口令标榜自己的个性与独一无二。</span>
+    </div>
+</div>
\ No newline at end of file

@@ -47,6 +47,11 @@
     {{#myReward}}
     <a href="/activity/my-reward" class="nav-home my-reward">我的奖励</a>
     {{/myReward}}
+
+    {{#save}}
+    <span class="nav-home save">保存</span>
+    {{/save}}
+
     {{#invoiceNotice}}
         <span class="invoice-btn">{{.}}</span>
     {{/invoiceNotice}}

+require('home/tide-command.page.css');
+
+$('.tide-command-page').css('min-height', function() {
+    return $(window).height();
+});

+.tide-command-page {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background-color: #f2f2f2;
+
+    .command-textarea {
+        height: 94px;
+        width: 100%;
+        font-size: 28px;
+        line-height: 94px;
+        color: #b0b0b0;
+        border: none;
+        resize: none;
+        background-color: #fff;
+        padding-left: 30px;
+    }
+
+    .close {
+        display: inline-block;
+        width: 30px;
+        height: 30px;
+        border-radius: 30px;
+        background-color: #c0c0c0;
+        color: #fff;
+        text-align: center;
+        line-height: 30px;
+        position: absolute;
+        right: 30px;
+        top: 32px;
+    }
+
+    .rules {
+        padding: 30px;
+
+        span {
+            line-height: 40px;
+            font-size: 28px;
+        }
+    }
+}

@@ -56,6 +56,10 @@
             font-size: 28px;
             width: auto;
         }
+
+        .save {
+            font-size: 28px;
+        }
     }
 }