Commit 8bbea67d authored by wangqinghua's avatar wangqinghua

IE10兼容

parent f225f1e1
This diff is collapsed.
...@@ -104,6 +104,9 @@ ...@@ -104,6 +104,9 @@
</ng-container> </ng-container>
</div> </div>
</nz-col> </nz-col>
</nz-row>
<nz-row [nzGutter]="10">
<nz-col class="padding-10" nzSpan="12"> <nz-col class="padding-10" nzSpan="12">
<div class="host-item-title">运行情况统计</div> <div class="host-item-title">运行情况统计</div>
<div class="host-item-table" style="height: 500px"> <div class="host-item-table" style="height: 500px">
...@@ -138,6 +141,8 @@ ...@@ -138,6 +141,8 @@
<div echarts [options]="rightTwoChart" style="height: 250px;width: 100%"></div> <div echarts [options]="rightTwoChart" style="height: 250px;width: 100%"></div>
</div> </div>
</nz-col> </nz-col>
</nz-row>
<nz-row [nzGutter]="10">
<nz-col class="padding-10" nzSpan="12"> <nz-col class="padding-10" nzSpan="12">
<div class="host-item-title">接口流量排行</div> <div class="host-item-title">接口流量排行</div>
<div class="host-item-table" style="height: 500px"> <div class="host-item-table" style="height: 500px">
...@@ -174,6 +179,8 @@ ...@@ -174,6 +179,8 @@
</ng-container> </ng-container>
</div> </div>
</nz-col> </nz-col>
</nz-row>
<nz-row [nzGutter]="10">
<nz-col class="padding-10" nzSpan="16"> <nz-col class="padding-10" nzSpan="16">
<div class="host-item-title">网络拓扑图</div> <div class="host-item-title">网络拓扑图</div>
<div class="time-group" style="top: 18px;"> <div class="time-group" style="top: 18px;">
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<nz-sider [nzWidth]="200"> <nz-sider [nzWidth]="200">
<jhi-sidebar></jhi-sidebar> <jhi-sidebar></jhi-sidebar>
</nz-sider> </nz-sider>
<nz-layout> <nz-layout class="layout-content">
<jhi-navbar></jhi-navbar> <jhi-navbar></jhi-navbar>
<nz-content> <nz-content>
<div class="container" #container> <div class="container" #container>
......
...@@ -13,6 +13,16 @@ import {Subscription} from 'rxjs'; ...@@ -13,6 +13,16 @@ import {Subscription} from 'rxjs';
selector: 'jhi-main', selector: 'jhi-main',
templateUrl: './main.component.html', templateUrl: './main.component.html',
styles:[` styles:[`
.layout{
display: -ms-flexbox;
-ms-flex-direction:row;
background-color: #193250;
}
.layout-content{
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex: auto;
}
`] `]
}) })
export class JhiMainComponent implements OnInit { export class JhiMainComponent implements OnInit {
......
<div class="logo">智能运维监管平台</div> <div class="logo">
<div class="text-center margin-bottom-10">
<img style="height: 35px;" src="../../../content/images/logo_gaocun.png" alt="高淳监狱智能运维管理系统">
</div>
高淳监狱智能运维管理系统
</div>
<ul nz-menu [nzMode]="'inline'"> <ul nz-menu [nzMode]="'inline'">
<ng-container *ngFor="let item of menuList"> <ng-container *ngFor="let item of menuList">
<li nz-submenu (nzOpenChange)="openHandler(item)" [(nzOpen)]="item.checked"> <li nz-submenu (nzOpenChange)="openHandler(item)" [(nzOpen)]="item.checked">
......
<div class="background"> <div class="background">
<div class="login-center"> <div class="login-center">
<div class="login-logo"> <div class="login-logo">
<img src="../../../content/images/logo.png" alt="无锡智能运维监管平台"> <!-- <img src="../../../content/images/logo.png" alt="无锡智能运维监管平台">-->
高淳监狱智能运维管理系统
</div> </div>
<form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()"> <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
<nz-form-item> <nz-form-item>
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
.logo{ .logo{
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
font-size: 20px; font-size: 15px;
font-weight: 500; font-weight: 500;
padding: 17px 0; padding: 17px 0;
} }
......
...@@ -299,6 +299,12 @@ ui bootstrap tweaks ...@@ -299,6 +299,12 @@ ui bootstrap tweaks
} }
.login-logo{ .login-logo{
text-align: center; text-align: center;
font-size: 40px;
color: rgb(189,192,198);
background-image:-webkit-linear-gradient(bottom,#d3e3fe,#ffffff);
-webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色: */
/*text-shadow:2px 2px 10px #333333;*/
} }
.login-logo img{ .login-logo img{
width: 300px; width: 300px;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<base href="./"/> <base href="./"/>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>智能运维监管平台</title> <title>高淳监狱智能运维管理系统</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#000000"> <meta name="theme-color" content="#000000">
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
<script src="javascript/jtopo/js/jtopo-0.4.8-dev.js" type="text/javascript"></script> <script src="javascript/jtopo/js/jtopo-0.4.8-dev.js" type="text/javascript"></script>
<script src="javascript/jtopo/js/jtopo-editor.js" type="text/javascript"></script> <script src="javascript/jtopo/js/jtopo-editor.js" type="text/javascript"></script>
</head> </head>
<body>
<style> <style>
html, body { html, body {
width: 100%; width: 100%;
...@@ -62,7 +63,6 @@ ...@@ -62,7 +63,6 @@
} }
</style> </style>
<body>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
your browser</a> to improve your experience.</p> your browser</a> to improve your experience.</p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment