itsm-whlg/wechat/pcreq/assets/views/mainView.html

<style>
    .mainBG {
        background-image: url('./assets/images/mainBG.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .mainWidth {
        width: 1000px;
        margin: 0 auto;
    }

    .mainHead {
        height: 84px;
    }

    /* .headDiv-1 {
        height: 84px;
        display: inline-block;
    }
    
    .headDiv-2 {
        height: 84px;
        display: inline-block;
        line-height: 84px;
        font-size: 18px;
        color: rgba(26, 68, 108, 1);
    }
    
    .headDiv-2>div {
        border-left: 1px solid rgba(151, 151, 151, 1);
    } */

    .head-img {
        height: 84px;
        vertical-align: middle;
    }

    .headDiv-1 {
        position: absolute;
        height: 38px;
        line-height: 38px;
        font-size: 18px;
        color: rgba(26, 68, 108, 1);
        /* border-left: 1px solid #979797; */
        padding-left: 10px;
        top: 23px;
        /* left: 260px; */
    }

    .mainNavigate {
        background-color: rgba(26, 61, 100, 1);
        /* height: 50px; */
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .navigateItem {
        display: inline-block;
        width: 103px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-size: 16px;
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }

    .navigateItemActive {
        background-color: rgba(103, 125, 154, 1);
        border-radius: 17px;
    }

    .mainBody {
        /* min-height: 580px; */
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mainFoot {
        background-image: url('./assets/images/footer_lines_bg.png');
        background-color: #163961;
    }
</style>

<alert-bar class="alert_bar" message="tipService.message" type="tipService.type" title="tipService.title"></alert-bar>
<div class="mainBG">
    <div class="mainHead mainWidth" style="position: relative;">
        <!-- <img class="head-img" src="./assets/images/head_logo.png"> -->
        <div class="headDiv-1">
            <span class="">网络与计算中心自助服务平台</span>
        </div>

    </div>
    <div class="mainNavigate">
            <!-- <a type="button" style="float: right;padding:5px" ng-click="logoutnav()">登出</div> -->
        <div class="mainWidth">
            <a ng-href="{{item.url}}" ng-repeat="item in nevigateList">
                <div class="navigateItem" ng-class="{'navigateItemActive':item.active}" ng-click="nevigateClick(item.name)">
                    <span class="">{{item.name}}</span>
                </div>
            </a>
        </div>
    </div>
    <div class="mainBody mainWidth">
        <div ui-view></div>
    </div>

    <div class="mainFoot">
        <div class="mainWidth">
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td height="100" align="center">
                        <table width="1000" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="30" class="copy">武汉理工大学 Copyright (C) 2018</td>
                            </tr>
                            <tr>
                                <td>
                                    <hr>
                                </td>
                            </tr>
                            <tr>
                                <td height="30" class="copy">主管：网络与信息化办公室 技术支持：网络与计算中心 </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>


<!-- <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#163961">
        <tr>
            <td height="5" align="center" bgcolor="#FFFFFF"></td>
        </tr>
        <tr>
            <td height="100" align="center" background="assets/images/footer_lines_bg.png">
                <table width="1000" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td height="30" class="copy">武汉理工大学 Copyright (C) 2017</td>
                    </tr>
                    <tr>
                        <td>
                            <hr>
                        </td>
                    </tr>
                    <tr>
                        <td height="30" class="copy">主管：网络与信息化办公室 技术支持：网络与计算中心 </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table> -->