fe / YOHOBUYWAP · Commits

Go to a project

Authored by uedxwg
Commit f24ce4104a799419bf20ea9d4e323da430cb6493 1 parent 8f997ad4

页面通用导航，帮助中心

Inline Side-by-side
Showing 8 changed files with 89 additions and 50 deletions
1 -/** 1 +H/**
2 * 页面公共逻辑 2 * 页面公共逻辑
3 * @author: xuqi<qi.xu@yoho.cn> 3 * @author: xuqi<qi.xu@yoho.cn>
4 * @date: 2015/10/21 4 * @date: 2015/10/21
5 */ 5 */
6 -var $ = require('jquery');  
7 -  
8 -var $footer = $('#yoho-footer'), 6 +var $ = require('jquery'),
  7 + $footer = $('#yoho-footer'),
9 $header = $('.yoho-header'); 8 $header = $('.yoho-header');
10 9
11 function cookie(name) { 10 function cookie(name) {
@@ -176,6 +175,10 @@ $header.on('touchstart', 'a', function() { @@ -176,6 +175,10 @@ $header.on('touchstart', 'a', function() {
176 $(this).removeClass('highlight'); 175 $(this).removeClass('highlight');
177 }); 176 });
178 177
  178 +$('.nav-home').on('touchstart', function() {
  179 + $('.homebuttom').toggleClass('none');
  180 +});
  181 +
179 (function() { 182 (function() {
180 var lastTime = 0, 183 var lastTime = 0,
181 prefixes = 'webkit moz ms o'.split(' '), 184 prefixes = 'webkit moz ms o'.split(' '),
@@ -124,3 +124,43 @@ @@ -124,3 +124,43 @@
124 } 124 }
125 } 125 }
126 } 126 }
  127 +
  128 +.homebuttom{
  129 + display: block;
  130 + width: 100%;
  131 + height: 90rem / $pxConvertRem;
  132 + overflow: hidden;
  133 + @include background-image(linear-gradient(#323232, #414141));
  134 + border-top: 1px solid #444;
  135 + color: #fff;
  136 + // position: absolute;
  137 + // top: 90rem / $pxConvertRem;
  138 + // left: 0;
  139 + // z-index: 10;
  140 + ul{
  141 + width: 100%;
  142 + height: 90%;
  143 + overflow: hidden;
  144 + padding-top: 12rem / $pxConvertRem;
  145 + li{
  146 + width: 25%;
  147 + height: 100%;
  148 + overflow: hidden;
  149 + float: left;
  150 + text-align: center;
  151 + i{
  152 + width: 100%;
  153 + height: 40%;
  154 + overflow: hidden;
  155 + display: block;
  156 + }
  157 + span{
  158 + width: 100%;
  159 + height: auto;
  160 + overflow: hidden;
  161 + display: block;
  162 + line-height: 40rem / $pxConvertRem;
  163 + }
  164 + }
  165 + }
  166 +}
@@ -2,28 +2,6 @@ @@ -2,28 +2,6 @@
2 width: 100%; 2 width: 100%;
3 height: auto; 3 height: auto;
4 overflow: hidden; 4 overflow: hidden;
5 - .helpSearch{  
6 - width: 90%;  
7 - height: 84rem / $pxConvertRem;  
8 - overflow: hidden;  
9 - position: relative;  
10 - margin: 0 auto;  
11 - input{  
12 - width: 100%;  
13 - height: 100%;  
14 - overflow: hidden;  
15 - border:none;  
16 - font-size: 54em / $pxConvertRem;  
17 - }  
18 - i{  
19 - height: 100%;  
20 - line-height: 88rem / $pxConvertRem;  
21 - position: absolute;  
22 - right: 20rem / $pxConvertRem;  
23 - top: 0;  
24 - color: #e0e0e0;  
25 - }  
26 - }  
27 ul{ 5 ul{
28 width: 100%; 6 width: 100%;
29 height: auto; 7 height: auto;
@@ -31,7 +9,7 @@ @@ -31,7 +9,7 @@
31 display: block; 9 display: block;
32 border-top: 1px solid #e0e0e0; 10 border-top: 1px solid #e0e0e0;
33 li{ 11 li{
34 - width: 95%; 12 + width: 100%;
35 height: 80rem / $pxConvertRem; 13 height: 80rem / $pxConvertRem;
36 line-height: 84rem / $pxConvertRem; 14 line-height: 84rem / $pxConvertRem;
37 overflow: hidden; 15 overflow: hidden;
@@ -43,10 +21,11 @@ @@ -43,10 +21,11 @@
43 border-bottom:none; 21 border-bottom:none;
44 } 22 }
45 span{ 23 span{
46 - width: 88%; 24 + width: 85%;
47 height: 100%; 25 height: 100%;
48 overflow: hidden; 26 overflow: hidden;
49 float: left; 27 float: left;
  28 + padding-left: 5%;
50 } 29 }
51 i{ 30 i{
52 color: #e0e0e0; 31 color: #e0e0e0;
1 {{> layout/header}} 1 {{> layout/header}}
2 <div class="iHelp"> 2 <div class="iHelp">
3 - <div class="helpSearch">  
4 - <input type="text" placeholder="查找关键字">  
5 - <i class="iconfont">&#xe60f;</i>  
6 - </div>  
7 <ul> 3 <ul>
8 {{# iHelp}} 4 {{# iHelp}}
9 <li><a href="{{ url }}"><span>{{ name }}</span><i class="iconfont num">&#xe604;</i></a></li> 5 <li><a href="{{ url }}"><span>{{ name }}</span><i class="iconfont num">&#xe604;</i></a></li>
@@ -49,4 +49,4 @@ @@ -49,4 +49,4 @@
49 <span>X</span> 49 <span>X</span>
50 </div> 50 </div>
51 {{/if}} 51 {{/if}}
52 - {{> layout/page_header}}  
  52 +{{> layout/page_header}}
@@ -4,13 +4,34 @@ @@ -4,13 +4,34 @@
4 <a href="{{#if backUrl}}{{backUrl}}{{^}}javascript:history.go(-1);{{/if}}" class="iconfont nav-back">&#xe610;</a> 4 <a href="{{#if backUrl}}{{backUrl}}{{^}}javascript:history.go(-1);{{/if}}" class="iconfont nav-back">&#xe610;</a>
5 {{/navBack}} 5 {{/navBack}}
6 {{#navHome}} 6 {{#navHome}}
7 - <a href="{{.}}" class="iconfont nav-home">&#xe611;</a> 7 + <a class="iconfont nav-home">&#xe611;</a>
8 {{/navHome}} 8 {{/navHome}}
9 {{#navTitle}} 9 {{#navTitle}}
10 <p class="nav-title">{{.}}</p> 10 <p class="nav-title">{{.}}</p>
11 {{/navTitle}} 11 {{/navTitle}}
12 {{# navBtn}} 12 {{# navBtn}}
13 - <span class="nav-btn">{{.}}</span> 13 + <!-- <span class="nav-btn">{{.}}</span> -->
  14 + <i class="iconfont nav-home">&#xe638;</i>
14 {{/ navBtn}} 15 {{/ navBtn}}
15 </header> 16 </header>
  17 + <div class="homebuttom none">
  18 + <ul>
  19 + <li>
  20 + <i class="iconfont">&#xe62e;</i>
  21 + <span>首页</span>
  22 + </li>
  23 + <li>
  24 + <i class="iconfont">&#xe62e;</i>
  25 + <span>分类</span>
  26 + </li>
  27 + <li>
  28 + <i class="iconfont">&#xe62e;</i>
  29 + <span>购物车</span>
  30 + </li>
  31 + <li>
  32 + <i class="iconfont">&#xe62e;</i>
  33 + <span>我的</span>
  34 + </li>
  35 + </ul>
  36 + </div>
16 {{/pageHeader}} 37 {{/pageHeader}}
@@ -41,7 +41,7 @@ class HomeController extends AbstractAction @@ -41,7 +41,7 @@ class HomeController extends AbstractAction
41 { 41 {
42 // 设置网站标题 42 // 设置网站标题
43 $this->setTitle('个人中心'); 43 $this->setTitle('个人中心');
44 - $this->setNavHeader('个人中心', SITE_MAIN . '/?go=1'); 44 + $this->setNavHeader('个人中心', SITE_MAIN . '/?go=1', '', true);
45 45
46 $data = array( 46 $data = array(
47 'myIndexPage' => true, 47 'myIndexPage' => true,
@@ -871,18 +871,18 @@ class HomeController extends AbstractAction @@ -871,18 +871,18 @@ class HomeController extends AbstractAction
871 $this->_view->display('order-detail', array('orderDetail' => $data, 'orderDetailPage' => true)); 871 $this->_view->display('order-detail', array('orderDetail' => $data, 'orderDetailPage' => true));
872 } 872 }
873 873
874 -// /**  
875 -// * 帮助列表页  
876 -// */  
877 -// public function helpAction()  
878 -// {  
879 -// $this->setTitle('帮助中心');  
880 -// $this->setNavHeader('帮助中心');  
881 -// $data = array(  
882 -// 'iHelp' => array(  
883 -// array('name' => '新用户注册', 'url' => 'http://m.dev.yohobuy.com/'),  
884 -// )  
885 -// );  
886 -// $this->_view->display('i-help', $data);  
887 -// } 874 + /**
  875 + * 帮助列表页
  876 + */
  877 + public function helpAction()
  878 + {
  879 + $this->setTitle('帮助中心');
  880 + $this->setNavHeader('帮助中心');
  881 + $data = array(
  882 + 'iHelp' => array(
  883 + array('name' => '新用户注册', 'url' => 'http://m.dev.yohobuy.com/'),
  884 + )
  885 + );
  886 + $this->_view->display('i-help', $data);
  887 + }
888 } 888 }