Authored by 王水玲

首页侧边栏

1 <div class="side-nav"> 1 <div class="side-nav">
2 - {{# sideNav}} 2 + {{#if sideNav}}
3 <ul {{#if @first}}class="first"{{/if}}> 3 <ul {{#if @first}}class="first"{{/if}}>
4 - {{# this}}  
5 - <li class="{{styleClass}}">  
6 - {{#if url}}  
7 - <a href="{{url}}" style="{{#if color}}color:{{color}};{{/if}}"> 4 + {{# sideNav}}
  5 + <li class="{{toLowerCase sortNameEn}}">
  6 + {{#if sortUrl}}
  7 + <a href="{{sortUrl}}" style="{{#if sortNameColor}}color:{{sortNameColor}};{{/if}}">
8 {{else}} 8 {{else}}
9 - <a href="javascript:;" style="{{#if color}}color:{{color}};{{/if}}"> 9 + <a href="javascript:;" style="{{#if sortNameColor}}color:{{sortNameColor}};{{/if}}">
10 {{/if}} 10 {{/if}}
11 - {{# img}}  
12 - <span class="nav-img" style="background-image: url({{.}})"></span>  
13 - {{/ img}}  
14 - {{^ img}} 11 + {{# sortIco}}
  12 + <span class="nav-img" style="background-image: url({{image . 60 60}})"></span>
  13 + {{/ sortIco}}
  14 + {{^ sortIco}}
15 <i class="nav-icon"></i> 15 <i class="nav-icon"></i>
16 - {{/ img}}  
17 - <em>{{textCn}}</em>  
18 - <span class="title">{{textEn}}</span>  
19 - {{# subNav}} 16 + {{/ sortIco}}
  17 + <em>{{sortName}}</em>
  18 + <span class="title">{{sortNameEn}}</span>
  19 + {{# sub}}
20 <span class="enter-subnav iconfont">&#xe614;</span> 20 <span class="enter-subnav iconfont">&#xe614;</span>
21 - {{/ subNav}} 21 + {{/ sub}}
22 </a> 22 </a>
23 - {{# subNav}} 23 + {{# sub}}
24 <ul class="sub-nav"> 24 <ul class="sub-nav">
25 {{# list}} 25 {{# list}}
26 <li class="{{# isSelect}}current{{/ isSelect}}" style="background-color:{{bgColor}};"> 26 <li class="{{# isSelect}}current{{/ isSelect}}" style="background-color:{{bgColor}};">
@@ -38,9 +38,9 @@ @@ -38,9 +38,9 @@
38 </li> 38 </li>
39 {{/ list}} 39 {{/ list}}
40 </ul> 40 </ul>
41 - {{/ subNav}} 41 + {{/ sub}}
42 </li> 42 </li>
43 - {{/ this}} 43 + {{/ sideNav}}
44 </ul> 44 </ul>
45 - {{/sideNav}} 45 + {{/if}}
46 </div> 46 </div>
@@ -55,3 +55,20 @@ exports.url = (uri, qs, module) => { @@ -55,3 +55,20 @@ exports.url = (uri, qs, module) => {
55 55
56 return url; 56 return url;
57 }; 57 };
  58 +
  59 +
  60 +/**
  61 + * 大写转小写处理
  62 + * @param {[string]} str 转换字符
  63 + */
  64 +exports.toLowerCase = (str) => {
  65 + return str.toLowerCase();
  66 +};
  67 +
  68 +/**
  69 + * 小写转大写处理
  70 + * @param {[string]} str 转换字符
  71 + */
  72 +exports.toUpperCase = (str) => {
  73 + return str.toUpperCase();
  74 +};
1 -.channel { 1 +.side-nav {
2 display: none; 2 display: none;
3 background: #fff; 3 background: #fff;
4 position: fixed; 4 position: fixed;
@@ -161,7 +161,7 @@ @@ -161,7 +161,7 @@
161 } 161 }
162 } 162 }
163 163
164 -.channel.on { 164 +.side-nav.on {
165 display: block; 165 display: block;
166 } 166 }
167 167