index.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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. .customWidth {
  48. width: 675px!important;
  49. }
  50. /* 滚动条样式修改 */
  51. /*滚动条凹槽的颜色,还可以设置边框属性 */
  52. ::-webkit-scrollbar-track-piece {
  53. background-color:#f8f8f8;
  54. -webkit-border-radius: 2em;
  55. -moz-border-radius: 2em;
  56. border-radius: 2em;
  57. }
  58. /*滚动条的宽度*/
  59. ::-webkit-scrollbar {
  60. width:9px;
  61. }
  62. /*滚动条的设置*/
  63. ::-webkit-scrollbar-thumb {
  64. background-color:#dddddd;
  65. background-clip:padding-box;
  66. -webkit-border-radius: 2em;
  67. -moz-border-radius: 2em;
  68. border-radius: 2em;
  69. }
  70. /*滚动条鼠标移上去*/
  71. ::-webkit-scrollbar-thumb:hover {
  72. background-color:#bbb;
  73. }
  74. </style>
  75. </head>
  76. <body>
  77. <div id="app"></div>
  78. <!-- built files will be auto injected -->
  79. </body>
  80. </html>