index.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>云塑网后台管理系统</title>
  6. <!-- 高德地图 -->
  7. <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=362cff852a3a37d328f9697352eebacd"></script>
  8. <style>
  9. /* 地图弹窗样式 */
  10. .window {
  11. background: #fff;
  12. padding: 0px 0px 10px;
  13. border:1px solid silver;
  14. border-radius: 5px;
  15. }
  16. .info-top {
  17. position: relative;
  18. background: none repeat scroll 0 0 #F9F9F9;
  19. border-bottom: 1px solid #CCC;
  20. border-radius: 5px 5px 0 0;
  21. }
  22. div.info-top div {
  23. display: inline-block;
  24. color: #333333;
  25. font-size: 14px;
  26. font-weight: bold;
  27. line-height: 31px;
  28. padding: 0 10px;
  29. }
  30. div.info-top div span {
  31. font-size:11px;
  32. color:#F00;
  33. }
  34. div.info-top i {
  35. position: absolute;
  36. top: 10px;
  37. right: 10px;
  38. transition-duration: 0.25s;
  39. cursor: pointer;
  40. }
  41. div.info-middle {
  42. font-size: 12px;
  43. padding: 10px 6px;
  44. line-height: 20px;
  45. background-color: #fff;
  46. }
  47. div.info-item {
  48. width: 300px;
  49. height: 30px;
  50. line-height: 30px;
  51. padding:0 8px;
  52. }
  53. div.info-item a {
  54. color: #20a0ff;
  55. cursor: pointer;
  56. }
  57. span.info-state {
  58. float:right;
  59. }
  60. span.info-ball {
  61. display: inline-block;
  62. width:10px;
  63. height:10px;
  64. border-radius: 50%;
  65. margin-right: 10px;
  66. line-height: 30px;
  67. }
  68. .customWidth {
  69. width: 675px!important;
  70. }
  71. /* 滚动条样式修改 */
  72. /*滚动条凹槽的颜色,还可以设置边框属性 */
  73. ::-webkit-scrollbar-track-piece {
  74. background-color:#f8f8f8;
  75. -webkit-border-radius: 2em;
  76. -moz-border-radius: 2em;
  77. border-radius: 2em;
  78. }
  79. /*滚动条的宽度*/
  80. ::-webkit-scrollbar {
  81. width:9px;
  82. height: 9px;}
  83. /*滚动条的设置*/
  84. ::-webkit-scrollbar-thumb {
  85. background-color:#dddddd;
  86. background-clip:padding-box;
  87. -webkit-border-radius: 2em;
  88. -moz-border-radius: 2em;
  89. border-radius: 2em;}
  90. /*滚动条鼠标移上去*/
  91. ::-webkit-scrollbar-thumb:hover {
  92. background-color:#bbb;
  93. }
  94. /*取消消息列表弹出框的内边距*/
  95. .popover-self {
  96. padding: 0 !important;
  97. }
  98. </style>
  99. </head>
  100. <body>
  101. <div id="app"></div>
  102. <!-- built files will be auto injected -->
  103. </body>
  104. </html>