首页地图marker样式修改。

This commit is contained in:
Renpc-kilig 2020-11-05 14:48:52 +08:00
parent 6260346fc5
commit 340e518c37

View File

@ -12,14 +12,10 @@
<style> <style>
*{margin:0;padding:0;} *{margin:0;padding:0;}
.marker-container{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)} .marker-container{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.top{overflow:hidden;width:35px;height:20px;background-color:red;border-radius:50px 50px 0 0;padding: 5px 5px 0;box-sizing: border-box;} .top{border: 1px solid #FFF;border-bottom: none;overflow:hidden;width:35px;height:20px;background-color:red;border-radius:50px 50px 0 0;padding: 5px 5px 0;box-sizing: border-box;box-shadow: 0 10px 0 #fff}
.mid{width:35px;height:10px;background: red;} .mid{border-left: 1px solid #FFF;border-right: 1px solid #FFF;box-sizing: border-box;width:35px;height:10px;background: red;}
.top img{width: 100%;} .top img{width: 100%;}
.bottom{width :0px; .bottom{width :0px;height :0px;border-top: 20px solid red;border-left: 18px solid transparent;border-right: 17px solid transparent;}
height :0px;
border-top: 20px solid red;
border-left: 18px solid transparent;
border-right: 17px solid transparent;}
</style> </style>
</head> </head>
<body> <body>