|
|
@@ -1,87 +1,99 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
- <head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <title>云塑网后台管理系统</title>
|
|
|
- <!-- 高德地图 -->
|
|
|
- <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=362cff852a3a37d328f9697352eebacd"></script>
|
|
|
- <style>
|
|
|
- /* 地图弹窗样式 */
|
|
|
- .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;
|
|
|
- }
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title>云塑网后台管理系统</title>
|
|
|
+ <!-- 高德地图 -->
|
|
|
+ <script type="text/javascript"
|
|
|
+ src="https://webapi.amap.com/maps?v=1.4.15&key=362cff852a3a37d328f9697352eebacd"></script>
|
|
|
+ <style>
|
|
|
+ /* 地图弹窗样式 */
|
|
|
+ .window {
|
|
|
+ background: #fff;
|
|
|
+ padding: 0px 0px 10px;
|
|
|
+ border: 1px solid silver;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
|
|
|
- div.info-top div {
|
|
|
- display: inline-block;
|
|
|
- color: #333333;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 31px;
|
|
|
- padding: 0 10px;
|
|
|
- }
|
|
|
+ .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 span {
|
|
|
- font-size:11px;
|
|
|
- color:#F00;
|
|
|
- }
|
|
|
+ div.info-top div {
|
|
|
+ display: inline-block;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 31px;
|
|
|
+ padding: 0 10px;
|
|
|
+ }
|
|
|
|
|
|
- div.info-top i {
|
|
|
- position: absolute;
|
|
|
- top: 10px;
|
|
|
- right: 10px;
|
|
|
- transition-duration: 0.25s;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
+ div.info-top div span {
|
|
|
+ font-size: 11px;
|
|
|
+ color: #F00;
|
|
|
+ }
|
|
|
|
|
|
- div.info-middle {
|
|
|
- font-size: 12px;
|
|
|
- padding: 10px 6px;
|
|
|
- line-height: 20px;
|
|
|
- background-color: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- .customWidth {
|
|
|
- width: 675px!important;
|
|
|
- }
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .customWidth {
|
|
|
+ width: 675px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 滚动条样式修改 */
|
|
|
+ /*滚动条凹槽的颜色，还可以设置边框属性 */
|
|
|
+ ::-webkit-scrollbar-track-piece {
|
|
|
+ background-color: #f8f8f8;
|
|
|
+ -webkit-border-radius: 2em;
|
|
|
+ -moz-border-radius: 2em;
|
|
|
+ border-radius: 2em;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*滚动条的宽度*/
|
|
|
+ ::-webkit-scrollbar {
|
|
|
+ width: 9px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*滚动条的设置*/
|
|
|
+ ::-webkit-scrollbar-thumb {
|
|
|
+ background-color: #dddddd;
|
|
|
+ background-clip: padding-box;
|
|
|
+ -webkit-border-radius: 2em;
|
|
|
+ -moz-border-radius: 2em;
|
|
|
+ border-radius: 2em;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*滚动条鼠标移上去*/
|
|
|
+ ::-webkit-scrollbar-thumb:hover {
|
|
|
+ background-color: #bbb;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*取消消息列表弹出框的内边距*/
|
|
|
+ .popover-self {
|
|
|
+ padding: 0 !important;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div id="app"></div>
|
|
|
+ <!-- built files will be auto injected -->
|
|
|
+</body>
|
|
|
|
|
|
- /* 滚动条样式修改 */
|
|
|
- /*滚动条凹槽的颜色，还可以设置边框属性 */
|
|
|
- ::-webkit-scrollbar-track-piece {
|
|
|
- background-color:#f8f8f8;
|
|
|
- -webkit-border-radius: 2em;
|
|
|
- -moz-border-radius: 2em;
|
|
|
- border-radius: 2em;
|
|
|
- }
|
|
|
- /*滚动条的宽度*/
|
|
|
- ::-webkit-scrollbar {
|
|
|
- width:9px;
|
|
|
- }
|
|
|
- /*滚动条的设置*/
|
|
|
- ::-webkit-scrollbar-thumb {
|
|
|
- background-color:#dddddd;
|
|
|
- background-clip:padding-box;
|
|
|
- -webkit-border-radius: 2em;
|
|
|
- -moz-border-radius: 2em;
|
|
|
- border-radius: 2em;
|
|
|
- }
|
|
|
- /*滚动条鼠标移上去*/
|
|
|
- ::-webkit-scrollbar-thumb:hover {
|
|
|
- background-color:#bbb;
|
|
|
- }
|
|
|
- </style>
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <div id="app"></div>
|
|
|
- <!-- built files will be auto injected -->
|
|
|
- </body>
|
|
|
</html>
|
Reiskuchen