关于我们

@@ -158,6 +158,14 @@ const component = {
         return res.json({
             code: 200
         });
+    },
+
+    //关于我们
+    aboutUs: (req, res, next) => {
+        res.render('about-us', {
+            module: 'home',
+            page: 'index'
+        });
     }
 };
 

@@ -23,4 +23,6 @@ router.get('/favorite', home.favorite); // 个人中心 - 收藏
 router.get('/favorite/favpaging', home.favpaging); // 个人中心 - 收藏商品/品牌(翻页)
 router.post('/favorite/favdel', home.favdel); // 个人中心 - 收藏商品/品牌(刪除)
 
+router.get('/about-us', home.aboutUs); // 个人中心 - 关于我们
+
 module.exports = router;

+<div class="about-us">
+    <div class="description">
+        <p>From yoho! 2015 high-end store </p>
+        <p>i fancy, you like.</p>
+    </div>
+    <div class="icon-container">
+        <div class="blk-icon"></div>
+        <p class="icon-label">YOHO!BLK</p>
+    </div>
+</div>
\ No newline at end of file

+.about-us {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    position: relative;
+
+    .description {
+        position:absolute;
+        top: 30%;
+        width: 100%;
+    }
+    
+    .icon-container {
+        position: absolute;
+        top: 45%;
+        left: 0;
+        right: 0;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .blk-icon {
+        background: resolve("home/app-icon.png") no-repeat;
+        width: 160px;
+        height: 160px;
+        left: 0;
+        right: 0;
+        margin-left: auto;
+        margin-right: auto;
+
+    }
+
+    .icon-label {
+        font-size: 30px;
+        left: 0;
+        right: 0;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    p {
+        text-align: center;
+        font-size: 24px;
+    }
+}
\ No newline at end of file

@@ -2,6 +2,7 @@
 @import "help";
 @import "feedback";
 @import "fav";
+@import "about-us";
 
 .my-page {
     color: #444;