channel theme

@@ -63,6 +63,11 @@
     //header
     //header
     {
     {
         pageHeader: {
         pageHeader: {
+            //页面主题标识
+            boys: true,
+            girls: true,
+            kids: true,
+            lifeStyle: true,
             //对应页面有就传，没有就不传
             //对应页面有就传，没有就不传
             navBack: true,
             navBack: true,
             navTitle: '',
             navTitle: '',

@@ -7,6 +7,22 @@
     height: 88rem / $pxConvertRem;
     height: 88rem / $pxConvertRem;
     line-height: 88rem / $pxConvertRem;
     line-height: 88rem / $pxConvertRem;
 
 
+    &.boys {
+        @include background-image(linear-gradient(#323232, #414141));
+    }
+
+    &.girls {
+        background: #ff88ae;
+    }
+
+    &.kids {
+        background: #7ad9f9;
+    }
+
+    &.life-style {
+        background: #4f4138;
+    }
+
     .nav-back {
     .nav-back {
         position: absolute;
         position: absolute;
         left: 34rem / $pxConvertRem;
         left: 34rem / $pxConvertRem;

 {{#pageHeader}} 
 {{#pageHeader}} 
-<header class="yoho-header">
+<header class="yoho-header{{#if boys}} boys{{/if}}{{#if girls}} girls{{/if}}{{#if kids}} kids{{/if}}{{#if lifeStyle}} life-style{{/if}}">
     {{#if navBack}}
     {{#if navBack}}
     <a href="javascript:history.go(-1);" class="nav-back"></a>
     <a href="javascript:history.go(-1);" class="nav-back"></a>
     {{/if}}
     {{/if}}