Vue.component('top',{
    template: '<div class="ui-grid ui-grid-middle bgc-0c93e4 pr20">\
                <div class="ui-col-1"> \
                    <img src="../../img/logo_taitou.png"> \
                </div> \
                <div class="ui-col-0 mr10"> \
                    <div class="dropdown"> \
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">\
                            <img src="../../img/d-default.png" width="40" class="c-images-cycle">\
                        </a>\
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">\
                            <li><a class="J_menuItem" href="">修改头像</a></li>\
                            <li><a class="J_menuItem" href="">个人资料</a></li>\
                            <li><a class="J_menuItem" href="">信箱</a></li>\
                        </ul>\
                    </div>\
                </div>\
                <div class="ui-col-0 mr20">\
                    <div class="c-fff c-f16">张三</div>\
                    <div class="c-fff c-f12 c-62baf4">健管师</div>\
                </div>\
                <div class="ui-col-0">\
                    <a @click="logout">\
                        <img src="../../img/tuichu_icon.png">\
                        <span class="c-f12 c-fff">安全退出</span>\
                    </a>\
                </div>\
            </div>',
    props: [],
    data: function() {
        return {
            
        }
    },
    methods: {
        logout: function() {
//          window.localStorage.removeItem(httpRequest.agentName);
//          location.replace("../login/login.html")
        }
    }
})