passport layout

-I am login
+{{> layout/header}}
+<div class="login-page passport-page yoho-page clearfix">
+    {{# passport}}
+        {{> passport/cover}}
+        <div class="content">
+
+        </div>
+    {{/ passport}}
+</div>
+{{> layout/footer}}

@@ -10,5 +10,14 @@
 
 
 {{!-- 搜索 --}}
 {{!-- 搜索 --}}
 {{#if searchListPage}}
 {{#if searchListPage}}
-<script>seajs.use('js/product/list');</script>
+    <script>
+        seajs.use('js/product/list');
+    </script>
+{{/if}}
+
+{{!-- 登录注册找回密码--}}
+{{#if loginPage}}
+    <script>
+        seajs.use('js/passport/login');
+    </script>
 {{/if}}
 {{/if}}

+<div class="passport-cover">
+    <div class="cover-content">
+        {{#if coverHref}}
+            <a href="{{coverHref}}" target="_bank">
+                <img class="cover-img" src="{{coverImg}}">
+            </a>
+        {{^}}
+            <img class="cover-img" src="{{coverImg}}">
+        {{/if}}
+    </div>
+</div>

@@ -71,4 +71,4 @@ a:focus {
         width: 990px;
         width: 990px;
     }
     }
 }
 }
-@import "home/index", "product/index";
+@import "home/index", "product/index", "passport/index";

+@import "login";
+
+.passport-page {
+    width: 1150px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.passport-cover {
+    float: left;
+    margin: 107px 0;
+    width: 575px;
+
+    .cover-content {
+        width: 100%;
+        height: 318px;
+        padding: 50px 0;
+        border-right: 1px solid #dfdfdf;
+    }
+
+    .cover-img {
+        display: block;
+        width: 252px;
+        height: 190px;
+        margin: 0 auto;
+        margin-top: 50px;
+    }
+}

@@ -9,6 +9,14 @@ class LoginController extends AbstractAction
      */
      */
     public function indexAction()
     public function indexAction()
     {
     {
-        $this->_view->display('index');
+        $data = array(
+            'loginPage' => true,
+            'passport' => array(
+                'coverHref' => '/passport',
+                'coverImg' => 'http://img12.static.yhbimg.com/yhb-img01/2015/12/01/07/020a0b6e7ff908d0c2bc4045b4fef42b9f.png?imageView/2/w/252/h/190',
+                'countrys' => array()
+            )
+        );
+        $this->_view->display('index', $data);
     }
     }
 }
 }