<div ng-controller="mainController">
    <div id="mapContainer" class="mapContainer" ng-controller="mapController"></div>
    <div id="sliderMenu" class="sliderMenu" style="display: none;"
         ng-class="{true: 'menuOpen', false: 'menuClose'}[$root.openMenu]">

        <img src="images/slideMenuBackground.png"/>
        <div class="sliderContent">
            <div class="sliderMenuHeader" ng-click="checkLogin()">
                <img src="images/head.png"/>
                <div class="sliderMenuHeaderHint">{{userinfo.userName}}</div>
            </div>
            <ul class="sliderMenuContent">
                <li class="sliderMenuItem" ng-click="doAction($index)" ng-repeat="module in moduleList"
                    ng-hide="module.state === 'wallet'">
                    <img ng-src="{{module.icon}}"/>
                    <div class="sliderMenuItemHint">{{module.name}}</div>
                </li>
                <li class="sliderMenuItem" ng-click="logout()" ng-show="userinfo.loginState">
                    <img src="images/out.png"/>
                    <div class="sliderMenuItemHint">退出登录</div>
                </li>
            </ul>
        </div>
    </div>
</div>