component-import

@@ -48,6 +48,8 @@ exports.addressAct = (req, res, next) => {
         let responseData = {
             module: 'home',
             page: 'address-act',
+            vue: true,
+            localCss: true,
             pageHeader: headerModel.setNav({
                 navTitle: result && result.navTitle,
                 navBtn: false,

@@ -30,3 +30,7 @@
     <div class="my-address-list-page page-wrap hide">
     </div>
 </div>
+
+<div id="app">
+    <app></app>
+</div>

@@ -217,3 +217,13 @@ $.ajax({
 });
 
 // }
+var Vue = require('vue');
+
+var app = require('home/address/address-act.vue');
+
+new Vue({
+    el: '#app',
+    components: {
+        app: app
+    }
+});

 /**
  * Created by yoho on 2016/12/14.
  */
-let Vue = require('vue');
+var Vue = require('vue');
 
-let app = require('home/address/address-act.vue');
+var app = require('home/address/address-act.vue');
 
 new Vue({
     el: '#app',

 <template>
-    <div>
-        <header-component header-text="添加新地址" :show-btn="false">
-        </header-component>
-         <form class="address-form">
-         <div class="address-form-group">
-            <label for="consignee">
-                收 货 人：
-            </label>
-                <input type="text" name="consignee" maxlength="20" value="">
-                </div>
-                <div class="address-form-group">
-            <label for="mobile">
-                联系电话：
-            </label>
-                <input type="text" name="mobile" value="">
-                </div>
-                <div class="address-form-group">
-            <label for="area">
-                所在地区：
-            </label>
-                <input type="text" name="area" value="" readonly>
-                <span class="address-select">请选择<span class="iconfont">&#xe604;</span></span>
-                </div>
-                <div class="address-form-group">
-            <label for="address">
-                详细地址：
-            </label>
-            <textarea class="address" name="address" maxlength="255"></textarea>
-            </div>
-            <input type="hidden" name="area_code" value="">
-        </form>
     <div class="address-select-component">
         <div class="address-select-box">
             <div class="component-title"><span class="title">所在地区</span><span class="iconfont close">X</span></div>
@@ -48,38 +17,9 @@
             </div>
         </div>
     </div>
-    </div>
 </template>
 <style>
-    body {
-        margin: 0;
-    }
-
-    .address-form {
-        padding: 0 30px;
-
-        > .address-form-group {
-            border-bottom: solid 1px #ccc;
-            line-height: 80px;
-
-            > label {
-                color: #444;
-            }
-
-            .address {
-                resize: none;
-                height: 116px;
-                width: 400px;
-            }
-
-            .address-select {
-                color: #ccc;
-                float: right;
-            }
-        }
-    }
-
-    .address-select-component {
+.address-select-component {
     position: fixed;
     top: 0;
     left: 0;
@@ -191,9 +131,10 @@
             }
         }
     }
-    }
+}
 </style>
 <script>
+    require('../../../scss/home/_address.css');
     let headerComponent = require('common/header.vue');
 
     module.exports = {