123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <title>机柜管理</title>
- <link rel="shortcut icon" type="image/x-icon" href="./cloud.ico" />
- <style>
- .toolbar {
- background: #fff!important;
- }
- /* 地图弹窗样式 */
- .window {
- background: #fff;
- padding: 0px 0px 10px;
- border:1px solid silver;
- border-radius: 5px;
- }
- .info-top {
- position: relative;
- background: none repeat scroll 0 0 #F9F9F9;
- border-bottom: 1px solid #CCC;
- border-radius: 5px 5px 0 0;
- }
- div.info-top div {
- display: inline-block;
- color: #333333;
- font-size: 14px;
- font-weight: bold;
- line-height: 31px;
- padding: 0 10px;
- }
- div.info-top div span {
- font-size:11px;
- color:#F00;
- }
- div.info-top i {
- position: absolute;
- top: 10px;
- right: 10px;
- transition-duration: 0.25s;
- cursor: pointer;
- }
- div.info-middle {
- font-size: 12px;
- padding: 10px 6px;
- line-height: 20px;
- background-color: #fff;
- }
- div.info-item {
- width: 300px;
- height: 30px;
- line-height: 30px;
- padding:0 8px;
- }
- div.info-item a {
- color: #20a0ff;
- cursor: pointer;
- }
- span.info-state {
- float:right;
- }
- span.info-ball {
- display: inline-block;
- width:10px;
- height:10px;
- border-radius: 50%;
- margin-right: 10px;
- line-height: 30px;
- }
-
- .customWidth {
- width: 675px!important;
- }
- .activeNames .el-collapse-item__wrap {
- border-bottom: none;
- }
-
- ul, ol {
- list-style: none;
- padding: 0;
- margin: 0;
- }
- .mint-toast {
- z-index: 99999999!important;
- }
- .mint-indicator-wrapper {
- z-index: 9999999!important;
- }
-
- .el-rate:focus {
- outline-width: 0;
- }
- .el-rate__icon {
- font-size: 0.25rem;
- border: none!important;
- outline: 0!important;
- box-shadow: none!important;
- -webkit-box-shadow: none!important;
- }
- .el-rate__item {
- border: none!important;
- outline: 0!important;
- box-shadow: none!important;
- }
- .el-rate__item:focus.is-active.is-focus:not(:active) {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- </style>
- </head>
- <body>
- <div id="app"></div>
- <!-- 引入Vue.js -->
- <script src="https://cdn.staticfile.org/vue/2.4.3/vue.min.js"></script>
- <!-- 引入vuex.js -->
- <script src="https://cdn.staticfile.org/vuex/3.0.0/vuex.min.js"></script>
- <!-- 引入echarts -->
- <script src="https://cdn.staticfile.org/echarts/4.1.0/echarts.min.js"></script>
- <!-- 引入组件库 -->
- <script src="https://cdn.staticfile.org/element-ui/2.4.3/index.js"></script>
- </body>
- </html>
|